ICO לעומת PNG עבור Favicons
ICO הוא אוניברסלי אך ישן; PNG הוא מודרני אך זקוק לקישור מפורש. הנה איך להשתמש בשניהם ביחד.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
ICO: הכשל האוניברסלי
כל דפדפן שולחני מביא את /favicon.ico מבלי שתעשה דבר. זה מיכל שיכול להחזיק רזולוציות מרובות.
קיצורי דרך של Windows וסייר הקבצים מסתמכים על .ico, אז גם אם לא אכפת לך מקווני אינטרנט, שלח אחד עבור מערכת ההפעלה.
PNG: פיקסלים מושלם בכל צפיפות
PNG מוצג בצורה חדה בצגים בעלי DPI גבוה כאשר אתה מקשר אותו עם <link rel="icon" sizes="...">.
השתמש ב-192×192 ו-512×512 PNGs למניפסט האינטרנט, וב-180×180 עבור apple-touch-icon.
פסק דין: השתמש בשניהם
שלח .ico בגדלים רבים לתמיכה אוניברסלית, בתוספת PNG גרסאות עבור צגי HD והנחיות התקנה של PWA. הוסף SVG למעלה עבור הסמל החד ביותר להרחבה.
שאלות נפוצות
Should I use ICO or PNG for a favicon?
Use both: ICO for universal /favicon.ico fallback and PNG for high-DPI tabs and PWA manifest icons.
Does every browser support PNG favicons?
Modern browsers do when you link them with <link rel="icon" type="image/png">. ICO remains the safest default.
Is ICO outdated?
ICO is older but still required for Windows shortcuts and automatic /favicon.ico discovery by browsers.