איזה פורמט תמונה עלי להעלות?

PNG עם רקע שקוף עובד הכי טוב. השתמש בתמונה מרובעת בגודל 512x512 פיקסלים לפחות כדי שהכלי יוכל להקטין את קנה המידה ללא אובדן איכות. SVG גם עובד היטב מכיוון שהוא מתרחב לכל גודל.

אילו גדלים זה מייצר?

16x16 (כרטיסיית הדפדפן), 32x32 (כרטיסיית הדפדפן @2x), 48x48 (שורת המשימות של Windows), 180x180 (סמל Apple Touch), 192x192 (מסך הבית של אנדרואיד), 512x512 (מסך הפתיחה של PWA). קובץ ה-ICO מכיל גדלים של 16, 32 ו-48 פיקסלים.

איפה אני שם את קבצי ה-favicon?

מקם favicon.ico בספריית השורש של האתר שלך. גדלי PNG אחרים נכנסים לתיקייה הציבורית שלך או בכל נתיב נגיש. הוסף את תגיות ה-HTML בקטע שלך המצביעים על כל מיקום של קובץ.

מדוע ה-favicon שלי לא מתעדכן בדפדפן?

דפדפנים מאחסנים באגרסיביות את ה-favicons. נקה את מטמון הדפדפן שלך, נסה לפתוח בחלון גלישה בסתר, או הוסף מחרוזת שאילתת גרסה (?v=2) לכתובת ה-favicon כדי לאלץ רענון.

למה ה-favicon שלי לא מתעדכן?

דפדפנים מאחסנים קבצי קבצים בצורה אגרסיבית, לפעמים במשך ימים. כפה רענון על ידי ניקוי מטמון, פתיחת כתובת האתר של הסמל ישירות או הוספת פרמטר שאילתת גרסה לתג הקישור.

האם התמונה שלי הועלתה לשרת?

לא. הדור מתרחש בדפדפן שלך.

האם עלי להשתמש ב-SVG או PNG?

SVG עבור המקור (ללא רזולוציה). המחולל מוציא PNGs בגדלים ספציפיים; דפדפנים מודרניים תומכים גם ב-SVG favicons דרך הקישור rel=icon type=image/svg+xml.

מה זה site.webmanifest?

מניפסט JSON עבור אפליקציות אינטרנט פרוגרסיביות המתארות סמלים, צבעים ומטא נתונים אחרים. נדרש עבור אפליקציות אינטרנט הניתנות להתקנה; לא מזיק לכלול אפילו באתרים סטנדרטיים.

ממיר חינם

Favicon גנרטור

צור קבצי favicon בגדלים מרובים (16x16 עד 512x512) מכל תמונה. חינמי, מיידי ופועל כולו בדפדפן שלך.

גרור ושחרר תמונה לכאן

תומך ב-PNG, JPG, SVG, WebP. מקסימום 10MB.

אוֹ

אודות כלי זה

Favicon הוא הסמל הקטן המופיע בכרטיסיות הדפדפן, בסימניות וברשימות ההיסטוריה. ה-favicon המקורי - קובץ ICO בגודל 16×16 בכתובת /favicon.ico - התרחב לקבוצה מורכבת של אייקונים בגדלים שונים עבור פלטפורמות שונות: 16×16 ו-32×32 עבור כרטיסיות הדפדפן, 180×180 עבור מסכי הבית של iOS, 192×192 ו-512×512 עבור Windows וגדלים שונים. הפקת כל אלה מתמונת מקור אחת היא מה שעושה מחולל favicon מודרני.

כלי זה לוקח תמונת מקור אחת ברזולוציה גבוהה (בדרך כלל לוגו מרובע) ומייצר את הסט המלא של נכסי favicon בתוספת תגיות ה-HTML הנחוצות להפניה אליהם. הפלט כולל ICO, מספר PNGs ו-manifes.json עבור מטא נתונים של אפליקציות אינטרנט פרוגרסיביות. זרוק את הקבצים שנוצרו בשורש האתר שלך והפנה אליהם באמצעות ה-HTML שנוצר.

כל העיבוד מתרחש בדפדפן שלך. ללא העלאה, ללא קריאת API, ללא הגבלת תעריף. הפלט עובד על כל דפדפן ומערכת הפעלה מודרניים שמציגים סמלים.

למה ליצור Favicon

אתרים ללא פייביקונים נראים לא גמורים. כרטיסיות הדפדפן מציגות סמל כללי; לסימניות אין מזהה חזותי; האתר נראה פחות מקצועי. הוספת ערכת favicon המתאימה היא שלב ליטוש בעל מאמץ נמוך ומעיד על תשומת לב לפרטים.

דרישות ה-favicon המודרניות גדלו מעבר ל-/favicon.ico. סמלי מסך הבית של iOS, סמלי Chrome של Android, סמלי אריחי Windows וגרסאות מצב כהה, כולם משתמשים בקבצים שונים. יצירת כולם ממקור אחד מבטיחה מיתוג עקבי מבלי לנהל כל קובץ באופן ידני.

כיצד להשתמש

העלה תמונת מקור, קבל את ערכת ה-favicon המלא.

העלה תמונת מקור: השתמש בתמונה מרובעת של לפחות 512×512 פיקסלים. עדיף PNG (תמיכה בשקיפות); SVG מתקבל גם. מקורות ברזולוציה גבוהה יותר מייצרים אייקונים קטנים וחדים יותר.
הגדר אפשרויות פלטפורמה: אפשר יציאות iOS, Android, Windows ו-PWA לפי הצורך. הגדרות ברירת המחדל מייצרות את הסט הסטנדרטי שרוב האתרים צריכים.
התאם אישית צבעים ועיצוב: בחר צבעי נושא עבור אריחי Windows ומסכי פתיחה של PWA. התאם את זהות המותג שלך.
הורד ופריסה: שמור את ה-zip שנוצר. מקם קבצים בשורש האתר שלך והוסף את תגי הקישור של HTML שנוצרו ל-<head> שלך. ה-HTML מפנה לכל סמל בגודל הנכון.

מקרי שימוש נפוצים

הוספת סמלי מועדפים לאתרים חדשים — כל אתר חדש צריך ערכת favicon שלמה. דור מייצר אותו ממקור לוגו בודד.
עדכון פייביקונים מיושנים — באתרים ישנים יותר יש לעתים קרובות רק /favicon.ico; דרישות מודרניות זקוקות לסט מלא יותר. יצירה מחדש משלימה נכסים חסרים.
הפקת אייקוני PWA — אפליקציות אינטרנט מתקדמות זקוקות לסמלים של 192×192 ו-512×512 בתוספת מטא נתונים של מניפסט. הגנרטור מייצר את אלה בצורה נכונה.
מעבר בין מיתוג — מותגים מחדש דורשים לעתים קרובות חידוש כל הפייביקונים. יצירת מקור יחיד מונעת נכסים חסרים.
בדיקה עם צבעים שונים — איטרציה מהירה על צבעי נושא ותראה מיד איך סט הסמלים נראה בגדלים שונים.

פרטים טכניים

ערכת ה-favicon המודרנית המלאה: favicon.ico (16+32+48 רזולוציה מרובת), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-5chrome-212pngx mstile-150x150.png. בנוסף site.webmanifest עבור PWA, browserconfig.xml עבור Windows.

כל PNG נוצר על ידי דגימה הורדה מבוססת קנבס מהמקור. ה-ICO נבנה ב-JavaScript על ידי שילוב של גרסאות 16/32/48 לפורמט ה-ICO מרובי הרזולוציות באמצעות כתיבה של DataView.

תגיות קישור HTML מתייחסות לכל קובץ עם תכונות rel וגדלים מתאימות. המחולל מייצר את אלה כקטע קוד המוכן להעתיק-הדבק עבור <head> של האתר שלך.

שיטות עבודה מומלצות

השתמש במקור ברזולוציה גבוהה — התחל עם לפחות 512×512 PNG או מאסטר SVG. דגימה מופחתת מייצרת סמלים קטנים יותר חדים יותר מאשר הגדלה של מקור קטן.
בדוק במספר דפדפנים — דפדפנים ופלטפורמות שונות מציגים אייקונים שונים. פתח את האתר הפרוס ב-Chrome, Safari, Firefox, Mobile Safari ו-Android Chrome כדי לאשר כל אחד מהם בוחר את הנכס הנכון.
התאם צבעים למותג שלך — צבעי נושא ומסכי פתיחה של PWA צריכים לשקף את זהות המותג שלך. צבעים לא עקביים מייצרים אייקון מלוטש למראה עם אינטגרציה מערכתית לא תואמת.
שמור את המקור SVG להתחדשות עתידית — כשתמתג מחדש, תתחדש מהמקור. שמור את ה-SVG המאסטר (או PNG ברזולוציה הגבוהה ביותר) נגיש.

שאלות נפוצות

איזה פורמט תמונה עלי להעלות?: PNG עם רקע שקוף עובד הכי טוב. השתמש בתמונה מרובעת בגודל 512x512 פיקסלים לפחות כדי שהכלי יוכל להקטין את קנה המידה ללא אובדן איכות. SVG גם עובד היטב מכיוון שהוא מתרחב לכל גודל.
אילו גדלים זה מייצר?: 16x16 (כרטיסיית הדפדפן), 32x32 (כרטיסיית הדפדפן @2x), 48x48 (שורת המשימות של Windows), 180x180 (סמל Apple Touch), 192x192 (מסך הבית של אנדרואיד), 512x512 (מסך הפתיחה של PWA). קובץ ה-ICO מכיל גדלים של 16, 32 ו-48 פיקסלים.
איפה אני שם את קבצי ה-favicon?: מקם favicon.ico בספריית השורש של האתר שלך. גדלי PNG אחרים נכנסים לתיקייה הציבורית שלך או בכל נתיב נגיש. הוסף את תגיות ה-HTML בקטע <head> שלך המצביעים על כל מיקום של קובץ.
מדוע ה-favicon שלי לא מתעדכן בדפדפן?: דפדפנים מאחסנים באגרסיביות את ה-favicons. נקה את מטמון הדפדפן שלך, נסה לפתוח בחלון גלישה בסתר, או הוסף מחרוזת שאילתת גרסה (?v=2) לכתובת ה-favicon כדי לאלץ רענון.
למה ה-favicon שלי לא מתעדכן?: דפדפנים מאחסנים קבצי קבצים בצורה אגרסיבית, לפעמים במשך ימים. כפה רענון על ידי ניקוי מטמון, פתיחת כתובת האתר של הסמל ישירות או הוספת פרמטר שאילתת גרסה לתג הקישור.
האם התמונה שלי הועלתה לשרת?: לא. הדור מתרחש בדפדפן שלך.
האם עלי להשתמש ב-SVG או PNG?: SVG עבור המקור (ללא רזולוציה). המחולל מוציא PNGs בגדלים ספציפיים; דפדפנים מודרניים תומכים גם ב-SVG favicons דרך הקישור rel=icon type=image/svg+xml.
מה זה site.webmanifest?: מניפסט JSON עבור אפליקציות אינטרנט פרוגרסיביות המתארות סמלים, צבעים ומטא נתונים אחרים. נדרש עבור אפליקציות אינטרנט הניתנות להתקנה; לא מזיק לכלול אפילו באתרים סטנדרטיים.

Favicon גנרטור

גרור ושחרר תמונה לכאן

כלים קשורים

סמל אפליקציה גנרטור

מסגרת דפדפן מחולל מודלים

דגם מכשיר גנרטור

מם גנרטור

אודות כלי זה

למה ליצור Favicon

כיצד להשתמש

מקרי שימוש נפוצים

פרטים טכניים

שיטות עבודה מומלצות

שאלות נפוצות

Related Articles

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

Color & Design Tools Guide: Hex, RGB, HSL, and Color Palettes Explained

How to Convert Files Online Safely: Privacy and Security Guide

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk