ICO مقابل PNG لـ favicons

ICO شامل لكنه قديم؛ PNG حديث لكنه يحتاج ربطًا صريحًا. إليك كيفية استخدامهما معًا.

4 دقيقة قراءة

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 فوق ذلك للحصول على أيقونة متجهية فائقة الوضوح.

جرب الأدوات

متابعة القراءة

استكشف FetchFavicon

الفئات

المحوّلات

الأدوات

الأدلة

الدروس