Favicon (.ico) مقابل SVG
SVG هو أكثر صيغ favicon إثارة في العصر الحديث — متجهي، يتكيّف مع الوضع الداكن، وخفيف الوزن. لكنه لا يستطيع استبدال .ico بالكامل في 2026. إليك السبب وكيف تستخدم كليهما.
SVG يتدرّج بلا حدود ويدعم استعلامات الوسائط للوضع الداكن داخل الملف نفسه. ملف SVG بحجم 1 كيلوبايت يُغطّي كل الكثافات في كل المتصفحات الحديثة.
ICO هو البديل الشامل. إصدارات Safari الأقدم والمتصفحات القديمة واصطلاح <code>/favicon.ico</code> الافتراضي لا تزال تعتمد عليه.
الإعداد الموصى به: وفّر <code>favicon.ico</code> + <code>favicon.svg</code>. المتصفحات التي تدعم SVG ستُفضّله؛ والباقي يعود تلقائيًا إلى .ico.
كيف يعمل
- 1
صمّم أو صدّر ملف SVG
بإطار viewBox مربّع وعنصر <svg> جذري واحد.
- 2
أنشئ بديل .ico
استخدم 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 favicon؟+
Chrome 80+، Edge 80+، Firefox 41+، Safari 15+، وBrave. أما iOS Safari فيُفضّل apple-touch-icon بصيغة PNG.
ما أصغر حجم ممكن لملف SVG favicon؟+
أقل من 1 كيلوبايت لعلامة أحادية اللون بسيطة. حتى الشعارات المعقّدة متعددة الألوان نادرًا ما تتجاوز 4 كيلوبايت.