כיצד פועלים פורמטים של Favicon
הידיעה כיצד כל פורמט עובד עוזרת לך לנפות את הבעיה הבלתי נמנעת "ה-favicon שלי לא מופיע".
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
מיכל ה-.ico
קובץ .ico הוא כותרת ואחריה ערך תמונה אחד או יותר. כל כניסה יכולה להיות BMP או PNG, ולכל אחת מהן יש רוחב, גובה ועומק סיביות.
דפדפנים מנתחים את הספרייה, בוחרים את הערך התואם לגודל המבוקש ומפענחים רק את זה.
PNG בתוך .ico
עבור גדלים 64×64 ומעלה, דחיסת PNG חותכת את גודל הקובץ פי 5-10 ללא אובדן ראייה. גנרטורים מודרניים (כולל שלנו) עושים זאת באופן אוטומטי.
SVG מועדפים
סמל SVG הוא קובץ SVG רגיל. דפדפנים מעבדים אותו כמו כל SVG אחר, והגוש <style> יכול להתאים צבעים על סמך מעדיף-צבע-סכימה.
איך דפדפנים בוחרים
אם אתה שולח מספר תגיות <link rel="icon">, הדפדפנים בוחרים את התגית המתאימה ביותר למשטח (כרטיסייה לעומת סימניה לעומת התקנה). SVG מועדף כאשר הוא נתמך; .ico הוא הכשל האחורי.
שאלות נפוצות
What is inside a .ico file?
A header plus a directory of image entries. Each entry can be BMP or PNG at a specific width and height.
How do browsers choose which favicon to display?
Browsers read all <link rel="icon"> tags and pick the best match for the surface — tab, bookmark, or install prompt. SVG is preferred when supported; .ico is the fallback.
Why use PNG inside an .ico instead of BMP?
PNG compression cuts file size 5–10× at 64×256 with no visible loss, which speeds up page loads.
Can I use only SVG for favicons?
Not safely. Always ship favicon.ico as a fallback for older browsers, Windows shortcuts, and embedders that ignore SVG.