Favicon (.ico) مقابل PNG
ICO وPNG ليسا متنافسين — بل شريكان. الإعداد الحديث يعتمد .ico كبديل شامل وPNG كنسخة عالية الكثافة. إليك بالضبط متى تتفوّق كل صيغة.
تحقق من أيقونات أي موقع
ثبّت إضافة FetchFavicon لمتصفح Chrome لاستخراج الأيقونات ومعاينتها والتحقق منها فورًا.
ICO يتميّز بقدرته على تضمين دقّات متعددة في ملف واحد. المتصفح أو نظام التشغيل يختار الأقرب عند العرض — دون تكبير أو حواف ضبابية.
PNG أوضح عند أي دقة مفردة ويوفّر ضغطًا أفضل للشعارات ذات الألوان المسطّحة. لكنه لا يستوعب مقاسات متعددة في ملف واحد.
الإعداد الأمثل: ملف .ico متعدد الأحجام بالإضافة إلى ملفات PNG مستقلة بمقاسي 32×32 و180×180 للمتصفحات عالية الكثافة ولـ iOS.
كيف يعمل
- 1
ابدأ من مصدر بدقة 512×512
PNG أو SVG.
- 2
أنشئ كلتا الصيغتين
FetchFavicon يُنتج .ico متعدد الأحجام بالإضافة إلى ملفات PNG مستقلة بمقاسات 16/32/48/180/192/512.
- 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 ملفات PNG وعادةً يفوز بإجمالي البايتات.
هل يعرض Google ملفات PNG favicon في نتائج البحث؟+
نعم. Google يدعم كلاً من .ico وPNG. يُفضّل نسبة عرض مربّعة بمقاس 48×48 على الأقل.
هل يدعم PNG الوضع الداكن؟+
ليس بشكل مباشر. استخدم نسخة SVG إلى جانب PNG لدعم الوضع الداكن.