طريقة الاستخدام
- أفلت ملف .ico في منطقة الإفلات، أو انقر لاختيار واحد، أو الصق صورة.
- أبقِ «التحويل إلى» على «الصيغة الأصلية» كي تبقى جميع الأحجام المخزّنة في الأيقونة ضمن المخرجات.
- تحقّق من الحجم بعد الترميز، فالأيقونة التي تحتوي على أحجام كثيرة قد تكون أكبر مما تتوقع.
- انسخ data URI لاستخدامه في وسم link الخاص بأيقونة الموقع، أو انسخ مخرجات وسم img أو CSS أو Markdown.
صيغة ICO
ICO هي صيغة الأيقونات في Windows والصيغة الأصلية لأيقونات المواقع (favicon). وهي حاوية: يسرد دليل قصير صورة واحدة أو أكثر مع عرض كل منها وارتفاعها وعمق ألوانها، وتُخزَّن كل صورة كبيانات نقطية، أو كملف PNG مضمَّن في الأحجام الكبيرة مثل 256 × 256. ويحتوي ملف favicon.ico النموذجي على نسخ بأحجام 16 و32 و48 بكسل كي يختار المتصفح أوضحها.
نوع MIME المسجّل هو image/vnd.microsoft.icon، لكن image/x-icon أكثر شيوعًا بكثير، والمتصفحات تقبل كليهما. وتبدأ بيانات ICO بترميز Base64 بـ AAABAA، وهو الشكل المرمّز لترويسة الملف.
أيقونة موقع بصيغة data URI
<link rel="icon" href="data:image/x-icon;base64,AAABAAEAEBA...">تضمين أيقونة الموقع مفيد لمستندات HTML المكوّنة من ملف واحد، مثل التقارير المُصدَّرة ولوحات المعلومات المحفوظة على القرص والتوثيق المتاح دون اتصال، وكذلك للنماذج الأولية أو الأدوات الداخلية التي لا تريد نشر ملف منفصل لها. أما في موقع ويب متعدد الصفحات فيكون ملف /favicon.ico العادي أفضل عادةً: إذ يُنزَّل مرة واحدة ويُخزَّن مؤقتًا، بينما يتكرر data URI في كل استجابة HTML.
وإذا كنت لا تريد أي أيقونة على الإطلاق، فإن <link rel="icon" href="data:,"> يمنع المتصفح من طلب /favicon.ico.
أيقونات المواقع بصيغة ICO أو PNG أو SVG
تقبل المتصفحات الحالية أيضًا أيقونات المواقع بصيغتي PNG وSVG، مثل <link rel="icon" type="image/png" href="data:image/png;base64,...">. وغالبًا ما تكون صورة PNG واحدة بحجم 32 × 32 أصغر من ملف ICO متعدد الأحجام؛ ولهذه الحالات استخدم تحويل PNG إلى Base64 أو تحويل SVG إلى Base64.
تحويل ملف ICO هنا إلى PNG أو JPEG أو WebP لا يحتفظ إلا بصورة واحدة، وهي التي يختار المتصفح عرضها. وللاتجاه المعاكس وإنشاء ملف ICO، رمّز صورة PNG والصق النتيجة في أداة تحويل Base64 إلى ICO، التي تكتب أيقونات بأحجام من 16 إلى 256 بكسل.
الأسئلة الشائعة
هل ينبغي أن أستخدم النوع image/x-icon أم النوع image/vnd.microsoft.icon لأيقونة الموقع؟
image/vnd.microsoft.icon هو النوع المسجّل رسميًا، بينما image/x-icon هو الذي تستخدمه معظم المواقع. وإذا كان نظام ما يتوقع نوعًا بعينه، فعدّل البادئة بعد النسخ.هل تبقى جميع أحجام الأيقونة في مخرجات Base64؟
نعم، عندما تُبقي على الصيغة الأصلية. إذ يُرمَّز الملف بأكمله، فيظل المتصفح قادرًا على اختيار الحجم الذي يحتاجه. أما التحويل إلى صيغة أخرى فيحتفظ بصورة واحدة فقط.
هل تعمل أيقونات المواقع بصيغة data URI في كل المتصفحات؟
تعرضها متصفحات سطح المكتب الحالية في علامة التبويب. لكن الإشارات المرجعية واختصارات الشاشة الرئيسية وبعض المتصفحات القديمة قد تتجاهل الأيقونة المضمّنة، لذا ينبغي للمواقع العامة أن توفّر ملف favicon أيضًا.