كيفية تحويل PNG إلى ICO
- اختر صورة PNG مربعة – ويُفضَّل أن تكون 256 × 256 بكسل أو أكبر – أو اسحبها وأفلتها في الصفحة.
- حدّد أحجام الأيقونة التي تحتاجها، علمًا بأن الأحجام 16 و32 و48 و256 محددة افتراضيًا.
- نزّل ملف ICO. وتُوضع الصور غير المربعة في المنتصف على خلفية شفافة.
ما أحجام الأيقونة التي تحتاجها؟
| الحجم | الاستخدام |
|---|---|
| 16 × 16 | علامات تبويب المتصفح والإشارات المرجعية وطرق العرض الصغيرة في القوائم |
| 32 × 32 | علامات التبويب على الشاشات عالية الدقة، وشريط المهام في Windows |
| 48 × 48 | مستكشف الملفات وسطح المكتب بمقياس العرض العادي |
| 64 × 64 و128 × 128 | طرق عرض الأيقونات الكبيرة والشاشات عالية الكثافة (High DPI) |
| 256 × 256 | الأيقونات الكبيرة جدًا في مستكشف الملفات |
لأيقونة favicon لموقع ويب تكفي الأحجام 16 و32 و48. أما لأيقونة برنامج أو اختصار على Windows، فأضف الحجم 256. ويُخزَّن كل حجم كصورة PNG داخل ملف ICO – وهو ما تدعمه جميع المتصفحات وWindows Vista والإصدارات الأحدث – لذا تُحفظ الشفافية.
إضافة أيقونة favicon إلى موقعك
ارفع ملف favicon.ico إلى المجلد الجذر لموقعك، مثل https://example.com/favicon.ico – فالمتصفحات تبحث عنه هناك تلقائيًا. ويمكنك أيضًا الإشارة إليه داخل <head> في صفحاتك:
<link rel="icon" href="/favicon.ico" sizes="any">- للشاشة الرئيسية في iPhone وiPad، صورة PNG بحجم 180 × 180:
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - لأجهزة Android وتطبيقات الويب القابلة للتثبيت، صورتا PNG بحجمي 192 × 192 و512 × 512 مُدرجتان في ملف manifest الخاص بتطبيق الويب.
الأسئلة الشائعة
ما هو ملف ICO؟
يحتوي ملف ICO على عدة أحجام للأيقونة نفسها، لكي يختار Windows والمتصفحات الحجم الأوضح لكل مكان – علامة تبويب، أو شريط المهام، أو أيقونة كبيرة على سطح المكتب.
هل يحافظ ملف ICO على الشفافية؟
نعم. تُخزَّن الأحجام كصور PNG بشفافية كاملة.
هل يمكنني تحويل JPG أو SVG إلى ICO؟
نعم – أفلت أي صورة. ولأيقونات SVG الصغيرة، استخدم محوّل الصور واضبط قيمة أكبر في عرض ملفات SVG، ليبقى الحجم 256 بكسل حادًا.
هل تُرفع ملفاتي إلى خادم؟
لا. تُنشأ الأيقونة داخل متصفحك ولا تغادر جهازك أبدًا.