Favicon (.ico) לעומת PNG
ICO ו-PNG אינם מתחרים - הם שותפים. הגדרת ה-favicon המודרנית משתמשת ב-.ico בתור ה-fallback האוניברסלי וב-PNG בתור העקיפה הגבוהה של DPI. הנה בדיוק מתי כל אחד מנצח.
ICO הוא ייחודי בכך שקובץ בודד מטמיע מספר רזולוציות. הדפדפן או מערכת ההפעלה בוחרים את ההתאמה הקרובה ביותר בזמן ההגרלה - ללא שינוי קנה מידה, ללא קצוות מטושטשים.
PNG חד יותר בכל רזולוציה בודדת ותומך בדחיסה טובה יותר עבור סמלי לוגו בצבע אחיד. זה לא יכול להטמיע מספר גדלים בקובץ אחד.
ההגדרה האופטימלית היא .ico בגדלים רבים בתוספת עצמאית של 32×32 ו-180×180 PNGs עבור דפדפנים עם DPI גבוה ו-iOS.
איך זה עובד
- 1
התחל ממקור 512×512
PNG או SVG.
- 2
צור את שני הפורמטים
FetchFavicon מוציא .ico בגדלים רבים בתוספת 16/32/48/180/192/512 PNGs עצמאי.
- 3
קשר את שניהם ב-<head>
<link rel="icon" href="/favicon.ico"> ואחריו <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">.
נסה עכשיו
צור גם .ico וגם PNG
ממיר PNG ל-ICOשאלות נפוצות
למי יש גודל קובץ קטן יותר?+
PNG יחיד קטן מ-.ico עם אותה רזולוציה, אבל .ico בגדלים רבים מחליף 4-6 PNGs ובדרך כלל מנצח על סך בתים.
האם Google מציגה PNG סמלי מועדפים בתוצאות החיפוש?+
כֵּן. Google תומכת גם ב-.ico וגם ב-PNG. הוא מעדיף יחס רוחב-גובה של 48×48 לפחות.
האם PNG יכול לתמוך במצב כהה?+
לא ישירות. השתמש בגרסה SVG לצד PNG שלך לתמיכה במצב כהה.