طريقة الاستخدام
- الصق سلسلة Base64 أو data URI لأيقونة، أو للصورة التي تريد تحويلها إلى أيقونة.
- راجع المعاينة والأبعاد. الصورة المصدر المربعة تعطي أنظف أيقونة.
- صيغة ICO محددة مسبقًا. اختر من «حجم الأيقونة» حجمًا واحدًا (16 أو 32 أو 48 أو 64 أو 128 أو 256 بكسل) أو «أحجام متعددة (16، 32، 48، 256)».
- نزّل ملف .ico. وإذا كانت المدخلات بصيغة ICO أصلًا وتريد كل الصور التي فيها دون تغيير، فاختر «الملف الأصلي».
ملفات ICO بترميز Base64
ملف ICO حاوية صغيرة: ترويسة، ودليل من الإدخالات، وصورة واحدة لكل إدخال، تُخزَّن كل منها كبيانات BMP أو PNG. وتبدأ الترويسة بالبايتات 00 00 01 00، لذا يبدأ ترميز Base64 لأي أيقونة بـ AAABAA. وسترى أيقونات بترميز Base64 في عناوين data URI لأيقونات المواقع مثل <link rel="icon" href="data:image/x-icon;base64,...">، وفي صفحات HTML المكوّنة من ملف واحد، وفي واجهات API التي تعيد أيقونات المواقع.
نوع MIME المسجّل هو image/vnd.microsoft.icon، لكن image/x-icon أكثر شيوعًا بكثير ويعمل في كل مكان.
أي حجم أيقونة تختار
| الحجم | الاستخدام المعتاد |
|---|---|
| 16 × 16 | علامة تبويب المتصفح والإشارات المرجعية على الشاشات العادية |
| 32 × 32 | علامة تبويب المتصفح على الشاشات عالية الكثافة |
| 48 × 48 | أيقونات سطح مكتب Windows ومستكشف الملفات (Explorer) |
| 64، 128 | المعاينات الأكبر وقوائم التطبيقات |
| 256 × 256 | طريقتا عرض الأيقونات الكبيرة والكبيرة جدًا في Windows |
يجمع خيار «أحجام متعددة (16، 32، 48، 256)» هذه الأحجام الأربعة في ملف واحد، ليختار كل نظام الحجم الأنسب له. والصور داخله مضغوطة بصيغة PNG، ما يحافظ على الشفافية، وهو ما يدعمه Windows Vista والإصدارات اللاحقة وجميع المتصفحات الحديثة.
استخدام الأيقونة كأيقونة للموقع (favicon)
تطلب المتصفحات الملف /favicon.ico من جذر الموقع تلقائيًا، لذا يكفي حفظ الملف هناك حتى دون أي شيفرة. ويوفّر data URI بترميز Base64 في href هذا الطلب، لكن الأيقونة تُنزَّل حينها من جديد مع كل صفحة بدلًا من تخزينها مؤقتًا بشكل مستقل. كما تقبل المتصفحات الحديثة أيقونات PNG وSVG، والإعداد الشائع يجمع بين الصيغتين:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/icon.svg" type="image/svg+xml">ابدأ بصورة مربعة ذات أشكال بسيطة وتباين قوي؛ فالتفاصيل الدقيقة تختفي عند 16 بكسل. وللحصول على نسخة PNG لاستخدامات أخرى، جرّب تحويل Base64 إلى PNG.
الأسئلة الشائعة
ما الحجم المناسب لملف favicon.ico؟
تغطي أيقونة متعددة الأحجام تضم صورًا بأحجام 16 و32 و48 بكسل المتصفحاتِ ونظام Windows. ويضيف خيار «أحجام متعددة (16، 32، 48، 256)» هنا الحجم 256 أيضًا لطرق عرض الأيقونات الكبيرة.
هل يمكنني تحويل صورة PNG أو SVG بترميز Base64 إلى ICO؟
نعم. الصقها، واترك «تنزيل بصيغة» على ICO، واختر حجمًا. ويمكن تحويل أي صورة يستطيع متصفحك عرضها.
لماذا لا تعرض المعاينة إلا حجمًا واحدًا من أيقونتي؟
يمكن لملف ICO أن يحتوي على عدة صور، لكن المعاينة لا تعرض إلا واحدة منها. نزّله باختيار «الملف الأصلي» للاحتفاظ بكل الصور الموجودة في الملف.
هل يحتفظ ملف ICO بالشفافية؟
نعم. تُخزَّن الأيقونات كبيانات PNG مع قناة ألفا كاملة، لذا تبقى الزوايا المستديرة والحواف الناعمة شفافة.
كيف أضع أيقونة في data URI؟
href لوسم <link rel="icon"> لديك.