גודל Favicon הטוב ביותר בשנת 2026
אין גודל favicon הכי טוב אחד - יש סט הכי טוב. משטחים שונים דורשים רזולוציות שונות: כרטיסיות דפדפן, סימניות, סייר Windows, מסכי בית של iOS והנחיות התקנה של Android PWA, כל אחת מהן צריכה ממד פיקסל שונה. החל ממקור 512×512 ושימוש ב-favicon generator, אתה יכול לייצר כל גודל נדרש במעבר אחד. עיין במדריך favicon sizes explained למפת משטח אחר משטח של כל רזולוציה.
לשוניות דפדפן בצפי צפיפות רגילה משתמשות ב-16×16 פיקסלים. זהו גודל ה-favicon הקטן ביותר והמשתמשים רואים אותו בתדירות הגבוהה ביותר - הוא נמצא בכרטיסייה הקטנה מעל תוכן העמוד בכל עת. אייקון בגודל 16×16 ששומר על קריאה דורש צורות נועזות, ניגודיות גבוהה וללא פרטים עדינים. קווים דקים, טקסט קטן וסמלי לוגו מורכבים הופכים לכתמים בלתי קריאים בגודל הזה.
גודל 32×32 פיקסלים הוא ממד ה-favicon החשוב ביותר עבור דפדפנים מודרניים. הוא משמש עבור לשונית הדפדפן בתצוגות רשתית/HiDPI (מעובד בצפיפות פי 2 מגודל לוגי של 16 פיקסלים), עבור סרגל הסימניות ועבור סמלי ההצעות של שורת הכתובת. Chrome מבקש 32×32 בצורה האגרסיבית ביותר, וחיפוש Google משתמש בלפחות סמל 32×32 עבור הסמלים של תוצאות החיפוש שלו.
גודל 48×48 פיקסלים משרת את סייר Windows בתצוגת 'סמלים בינוניים' ומשמש את מנועי החיפוש מסוימים לתמונות ממוזערות של תוצאות. ההמלצה הרשמית של גוגל לזכאות ל-favicon לחיפוש היא מינימום של 48×48 פיקסלים, יחס רוחב-גובה מרובע ונגישות ציבורית באמצעות HTTP. תמיד צרור 48×48 בתוך קובץ ה-.ico רב הגדלים שלך כדי לעמוד בדרישה זו.
גודל 64×64 פיקסלים שימושי בסייר Windows בתצוגת סמלים גדולים ובסביבות מסוימות של מפעילי אפליקציות. הכללת אותו בקובץ ה-.ico שלך מוסיפה גודל קובץ מינימלי ומבטיחה כיסוי לכל משטח המבקש גדלים בין 48 ל-128 פיקסלים. רוב מחוללי ה-.ico בגדלים רבים כוללים 64 כברירת מחדל.
גדלים 128×128 ו-256×256 פיקסלים משמשים בתוך קובצי .ico עבור אריחי תפריט התחל של Windows וקיצורי דרך ברזולוציה גבוהה. ב-256×256 עליך להשתמש בדחיסת PNG בתוך ה-.ico ולא בקידוד BMP - כניסה לא דחוסה של 256×256 BMP לבדה מוסיפה בערך 256 KB לקובץ ה-.ico, בעוד ש-PNG-מכווץ הוא מתכווץ מתחת ל-30 KB.
גודל 180×180 פיקסלים הוא הממד apple-touch-icon המשמש את iOS. כאשר משתמש מקיש על 'הוסף למסך הבית' ב-Safari, iOS מביא את `<link rel='apple-touch-icon' sizes='180x180' href='/apple-touch-icon.png'>` ומשתמש בתמונה זו כסמל מסך הבית. בלי זה, iOS נופל בחזרה לצילום מסך באיכות נמוכה של הדף שלך. זהו הגודל היחיד עם העדיפות הגבוהה ביותר עבור אתרים המותאמים לנייד.
גודל 192×192 פיקסלים נדרש במניפסט של אפליקציית האינטרנט (site.webmanifest) עבור הוראת ההתקנה של PWA של Android Chrome. כאשר משתמש מוסיף את האתר שלך למסך הבית שלו Android, Chrome קורא את המניפסט ומשתמש בסמל 192×192 עבור מפעיל האפליקציות וצל ההודעות. הסמל חייב להיות מרובע, בפורמט PNG, ונגיש בכתובת האתר המוצהרת שלו.
גודל 512×512 פיקסלים הוא סמל המניפסט הנדרש הנוסף, המשמש למסך הפתיחה PWA המופיע בזמן שהאפליקציה נטענת לאחר השקת מסך הבית, ולתצוגה המקדימה של התקנת מערכת ההפעלה Chrome. זהו גם גודל תמונת המקור המומלץ בעת יצירת כל הגדלים האחרים - החל מ-512×512 מבטיח שכל וריאציה שנדגמה למטה תשמור על קצוות חדים.
הגדרת ה-favicon המינימלית המכסה כמעט את כל המשתמשים היא: favicon.ico בגדלים רבים המכיל 16, 32, 48 ו-64 פיקסלים, בתוספת 180×180 apple-touch-icon.png, בתוספת site.webmanifest עם ערכים של 192×192 ו-512PH1512 XXtries. שילוב זה מטפל בדפדפנים סטנדרטיים, בסימניות, בהתקנות של iOS במסך הבית והתקנות של Android PWA.
הוספת סמל SVG לצד ערכת ה-.ico ו-PNG מבטיחה את הסמל שלך לעתיד. SVG מעבד בכל צפיפות - קובץ בודד משרת צגים של 96dpi, צגי 4K וכל מה שביניהם - ויכול להחליף צבעים על סמך העדפת ערכת הצבעים של המשתמש. Chrome, Edge, Firefox ו-Safari 15+ כולם תומכים ב-SVG favicons החל משנת 2026, מה שהופך אותו לתוספת בטוחה.
טעויות נפוצות בגודל favicon כוללות: שימוש רק ב-32×32 PNG ללא .ico (שבור בדפדפנים מדור קודם וקיצורי Windows), דילוג על 180 apple-touch-icon (שבור בהתקנות של iOS), והשמטת 512×512 מהמניפסט (Android מראה סמל התקנה כללי). ה-favicon generator יוצר את הסט המלא באופן אוטומטי מתמונת מקור אחת, ומבטל את כל הפערים הללו.
השפעת SEO של גדלי favicon היא עקיפה אך אמיתית. חיפוש Google מציג סמלי סמלים לצד תוצאות החיפוש ומחיל דרישת גודל מינימלית של 48×48 פיקסלים. אתרים ללא Favicon בגודל מתאים ונגיש לציבור עשויים לראות סמל גלובוס גנרי בתוצאות החיפוש במקום סימן המותג שלהם - הבדל קטן אך בולט לאות אמון עבור קליקים בחיפוש אורגני.
להשלמת סמלים בדרגה PWA, הוסף סמלים הניתנים למסיכה למניפסט האינטרנט שלך. לסמל הניתן למסיכה יש ריפוד של אזור בטוח של כ-10% מכל הצדדים, מה שמבטיח שכאשר Android מחיל על הסמל מסכה עגולה או מפותלת, לוגו הליבה לעולם לא ייחתך. צור גרסה נפרדת הניתנת למסיכה באמצעות אפשרות הייצוא הניתנת למסיכה של המחולל והכריז עליה עם `'purpose': 'maskable'` במערך אייקוני המניפסט.
בעת בחירת תמונת מקור ליצירת favicon, תעדוף את SVG על פני PNG ו-PNG על פני JPG. SVG מייצר את הפלט החד ביותר בכל גודל. PNG-32 (עם אלפא) שומר על שקיפות. JPG חסר תמיכה בשקיפות ומציג חפצי דחיסה המופיעים בגדלים קטנים. עיין במדריך best favicon format להשוואת הפורמטים המלאה.
איך זה עובד
- 1
הכן מקור מרובע 512×512
ייצא את הלוגו שלך כ-512×512 PNG עם רקע שקוף או כ-SVG עם ריבוע viewBox. פשט פרטים עדינים שיהיו בלתי נראים ב-16×16.
- 2
צור את סט הגודל המלא
העלה ל-[favicon generator](tool:favicon-generator). הוא מייצר: favicon.ico (16/32/48/64), favicon.svg, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png ו-site.webmanifest.
- 3
פרוס את כל הקבצים לשורש האתר שלך
העתק כל קובץ מחבילת המחולל אל /public או ספריית השורש של האתר שלך. כל הקבצים חייבים להיות נגישים בנתיבים שלהם (למשל, https://yourdomain.com/favicon.ico).
- 4
הוסף את תגי הקישור HTML
הדבק את קטע הקוד HTML שנוצר ב-`<head>` שלך. שש השורות מכסות: .ico fallback, גרסה SVG, apple-touch-icon וקישור מניפסט.
- 5
אמת את כל הגדלים עם הבוחן
השתמש ב-[favicon tester](utility:favicon-tester) כדי לבדוק שכל כתובת אתר נפתרת כהלכה והסמל מוצג בצורה חדה ב-16, 32, 48 ו-512 פיקסלים.
נסה עכשיו
צור כל גודל favicon בבת אחת
מחולל פביקוןשאלות נפוצות
מהו גודל ה-favicon החשוב ביותר?+
32×32 פיקסלים. זה מה ש-Chrome ורוב הדפדפנים המודרניים מבקשים עבור כרטיסיות בתצוגות רגילות ורשתית. שלח אותו גם בתוך .ico בגדלים רבים וגם בתור PNG עצמאי עם תג קישור תואם.
האם אני באמת צריך favicon 512×512?+
כן, משתי סיבות. ראשית, זה נדרש במניפסט של אפליקציית האינטרנט עבור הודעות התקנה ומסכי פתיחה של Android PWA. שנית, זוהי רזולוציית המקור האידיאלית להפקת כל הגדלים הקטנים יותר ללא אובדן איכות.
באיזה גודל favicon משתמש חיפוש Google?+
Google דורשת לפחות 48×48 פיקסלים, יחס רוחב-גובה מרובע וכתובת אתר נגישה לציבור. כלול 48×48 בתוך קובץ ה-.ico שלך וקשר אותו עם תג PNG עצמאי לכיסוי הטוב ביותר. סמל סמל חוקי עוזר למותג שלך להופיע בקטעי תוצאות חיפוש עשירים.
האם ה-apple-touch-icon זהה ל-favicon?+
לא. ה-favicon (favicon.ico) משמש את הדפדפנים עבור כרטיסיות וסימניות. ה-apple-touch-icon הוא PNG נפרד בגודל 180×180 בשימוש בלעדי על ידי iOS עבור סמלים של מסך הבית. אתה צריך את שני הקבצים לכיסוי מלא.
האם אוכל להשתמש בתמונה אחת גדולה ולדלג על יצירת הגדלים הקטנים יותר?+
רק אם האתר שלך לא מציג סמלים של סמלים בכרטיסיות - דפדפנים צריכים גודל של 16 או 32 פיקסלים עבור הכרטיסייה. קישור רק של 512×512 PNG מאלץ את הדפדפן להוריד את הדגימה שלו בזמן אמת, מה שעלול לגרום לבעיות בביצועי פריסה ולעיבוד לא עקבי בדפדפן. צור תמיד את ה-.ico בגדלים רבים.
איזה גודל עלי לתת עדיפות לאתר חדש שיושק כעת?+
לפי הסדר: 32×32 (טאבים), 180×180 (iOS), 192×192 (Android PWA), 512×512 (התזה/מקור). ה-[favicon generator](tool:favicon-generator) מייצר את כל הארבעה, בתוספת ה-.ico, SVG, ומתבטא בהורדה אחת.
האם גודל ה-favicon משפיע על מהירות טעינת העמוד?+
מינימום. favicon.ico דחוס היטב בגדלים רבים הוא בדרך כלל 10-30 KB. הדפדפן מביא אותו פעם אחת ושומר אותו במטמון לפי מקור. שימוש בגדלים הנכונים מונע מדפדפנים לטעון תמונות גדולות מדי ולהקטין אותן בזמן רינדור, שיש לו עלות מעבד זניחה אך אמיתית.