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