Favicon (.ico) לעומת SVG
SVG הוא פורמט ה-favicon המרגש ביותר של העידן המודרני - וקטור, מודע למצב אפל וזעיר. אבל זה לא יכול להחליף לחלוטין את .ico בשנת 2026. הנה הסיבה, וכיצד להשתמש בשניהם.
SVG קנה מידה אינסופי ותומך בשאילתות מדיה במצב כהה בתוך הקובץ עצמו. 1 KB SVG מכסה כל צפיפות בכל דפדפן מודרני.
ICO הוא הכשל האוניברסלי. גרסאות Safari ישנות יותר, דפדפנים מדור קודם והמוסכמה של <code>/favicon.ico</code> ללא כתובת אתר, כולם עדיין תלויים בזה.
ההגדרה המומלצת: ספק <code>favicon.ico</code> + <code>favicon.svg</code>. דפדפנים התומכים ב-SVG יעדיפו זאת; השאר חוזרים ל-.ico באופן אוטומטי.
איך זה עובד
- 1
עצב או ייצא SVG
ריבוע viewBox, אלמנט שורש אחד <svg>.
- 2
צור את ה-.ico fallback
השתמש ב-FetchFavicon כדי לרסטר את ה-SVG שלך ל-.ico בגדלים רבים.
- 3
קשר את שניהם
<link rel="icon" href="/favicon.ico"> + <link rel="icon" type="image/svg+xml" href="/favicon.svg">.
נסה עכשיו
צור את הצמד .ico + SVG
ממיר SVG ל-PNGשאלות נפוצות
האם אוכל לבטל לחלוטין את .ico אם אני משתמש ב-SVG?+
לא בבטחה. מטמיעים חברתיים רבים, קוראי RSS וכלים מדור קודם עדיין מבקשים /favicon.ico לפי מוסכמה.
אילו דפדפנים תומכים ב-SVG favicons?+
Chrome 80+, Edge 80+, Firefox 41+, Safari 15+, ו-Brave. iOS Safari עדיין מעדיף את apple-touch-icon PNG.
כמה קטן יכול להיות סמל SVG?+
מתחת ל-1 KB לסימן מונוכרום נקי. אפילו סמלי לוגו מורכבים מרובי צבעים עולים רק לעתים רחוקות על 4 KB.