تحويل ⁦PNG⁩ إلى ⁦ICO⁩:
المحوّل

كيفية تحويل ⁦PNG⁩ إلى ⁦ICO⁩

1. ابدأ بصورة ⁦PNG⁩ مربعة، ويُفضّل أن تكون ⁦256⁩ × ⁦256⁩ بكسل أو أكبر، بخلفية شفافة إن أردت ذلك.
2. انقر «اختر الصور» أو أفلت ملف ⁦PNG⁩ على الصفحة. يتحوّل فورًا بمقاسات أيقونة الموقع.
3. لتضمين مقاسات أكثر، غيّر «مقاسات الأيقونة» من لوحة الإعدادات على اليمين وانقر «تطبيق على كل الملفات».
4. انقر «حفظ» لتنزيل ملف .⁦ico⁩، أو «تنزيل الكل (.⁦zip)⁩» إن صنعت عدة أيقونات.

وظيفة إعداد «مقاسات الأيقونة»

• أيقونة الموقع (⁦16⁩، ⁦32⁩، ⁦48).⁩ الإعداد الافتراضي. يغطي تبويبات المتصفح والإشارات المرجعية واختصار الموقع على شريط مهام ⁦Windows.⁩ وهذا ما تحتاجه معظم المواقع في ملف ⁦favicon.ico.⁩
• كل المقاسات. ⁦16⁩ و⁦32⁩ و⁦48⁩ و⁦64⁩ و⁦128⁩ و⁦256 px⁩ في ملف واحد. استخدمه لأيقونة برنامج أو اختصار على ⁦Windows⁩، حيث يختار مستكشف الملفات المقاسات الأكبر عند عرض الأيقونات الكبيرة.
• ⁦256⁩ فقط. صورة واحدة بمقاس ⁦256⁩ × ⁦256⁩، للأدوات التي تطلب أيقونة كبيرة واحدة.

كيف يُصنع كل مقاس

يُصغَّر كل مقاس من صورة ⁦PNG⁩ على عدة خطوات، تُنصِّف كل منها المقاس، بدل قفزة واحدة كبيرة، ما يُبقي الأيقونات الصغيرة أنظف. ويُخزَّن كل مقاس داخل ملف ⁦ICO⁩ كصورة ⁦PNG⁩ مضغوطة. تقرأ المتصفحات الحديثة و⁦Windows Vista⁩ وما بعده هذا النوع من ملفات ⁦ICO.⁩

الصورة غير المربعة تُوضع داخل المربع في المنتصف، مع إضافة مساحة شفافة على الجانبين الأقصرين. لا يُقص أي شيء.

تُتخطى المقاسات الأكبر من صورة ⁦PNG⁩ كي لا تُضخَّم صورة صغيرة إلى أيقونات كبيرة ضبابية. صورة ⁦PNG⁩ بمقاس ⁦48 px⁩ مع اختيار «كل المقاسات» تعطيك ⁦16⁩ و⁦32⁩ و⁦48.⁩ وإن كانت صورة ⁦PNG⁩ أصغر من كل المقاسات التي اخترتها، فستحصل على أصغرها فقط، مكبّرًا.

استخدام الملف كأيقونة موقع

أعد تسمية الملف إلى ⁦favicon.ico⁩ وضعه في المجلد الجذري لموقعك، ليكون متاحًا على العنوان ⁦yoursite.com/favicon.ico.⁩ تبحث المتصفحات عن هذا العنوان تلقائيًا. ويمكنك أيضًا الإشارة إليه من قسم ⁦head⁩ في صفحاتك بعنصر ⁦link⁩ قيمة سمة ⁦rel⁩ فيه هي ⁦icon.⁩

تضيف مواقع كثيرة أيضًا صورة ⁦PNG⁩ بمقاس ⁦180⁩ × ⁦180⁩ كأيقونة ⁦apple-touch-icon⁩ للشاشات الرئيسية في ⁦iPhone⁩ و⁦iPad⁩، إضافة إلى أيقونات ⁦PNG⁩ أو ⁦SVG⁩ أكبر. ويبقى ⁦ICO⁩ مفيدًا لمقاسَي ⁦16⁩ و⁦32 px⁩ وللبرامج القديمة التي لا تبحث إلا عن ⁦favicon.ico.⁩

نصائح لأيقونة حادة

• بسّط التصميم للمقاسات الصغيرة. النصوص والخطوط الرفيعة تختفي عند ⁦16 px⁩، وحرف واحد عريض أو شكل واحد يُقرأ أفضل.
• اترك هامشًا صغيرًا حول التصميم، لكن ليس كبيرًا لدرجة أن يبدو صغيرًا جدًا في تبويب المتصفح.
• تحقق من مظهر الأيقونة في السمات الفاتحة والداكنة للمتصفح. الشعار الداكن على خلفية شفافة قد يختفي على شريط تبويبات داكن.
• قد لا تظهر أيقونة موقعك الجديدة في البداية لأن المتصفحات تحتفظ بالأيقونات في الذاكرة المؤقتة لفترة طويلة. افتح عنوان ⁦favicon.ico⁩ مباشرة، أو جرّب نافذة تصفح خاص.

الخصوصية

يغيّر متصفحك مقاس صورة ⁦PNG⁩ ويضعها داخل ملف ⁦ICO.⁩ لا يُرفع أي شيء، فتبقى هوية العلامة التجارية التي ما زلت تعمل عليها على جهازك.