ICO مقابل PNG لـ favicons
ICO شامل لكنه قديم؛ PNG حديث لكنه يحتاج ربطًا صريحًا. إليك كيفية استخدامهما معًا.
تحقق من أيقونات أي موقع
ثبّت إضافة FetchFavicon لمتصفح Chrome لاستخراج الأيقونات ومعاينتها والتحقق منها فورًا.
ICO: البديل الشامل
كل متصفح سطح مكتب يجلب /favicon.ico تلقائيًا دون أي إعداد. وهو حاوية تستوعب دقّات متعددة في ملف واحد.
اختصارات Windows ومستكشف الملفات يعتمدان على .ico، لذا حتى لو لم تهتمّ بأيقونة الويب، وفّر واحدة لنظام التشغيل.
PNG: وضوح مثالي بأي كثافة
PNG يُعرض بحدّة على الشاشات عالية الكثافة عند ربطه بـ <link rel="icon" sizes="...">.
استخدم PNG بمقاسي 192×192 و512×512 لملف web manifest، و180×180 لـ apple-touch-icon.
الحكم: استخدم كليهما
وفّر .ico متعدد الأحجام للدعم الشامل، بالإضافة إلى ملفات PNG للشاشات عالية الدقة ومحفّزات تثبيت 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.