إنشاء favicon

الـfavicon ليس مجرد ملف واحد. المتصفحات والهواتف وتطبيقات الويب اليوم تحتاج إلى مجموعة كاملة من الأيقونات بأحجام وصيغ مختلفة: favicon.ico الكلاسيكي بعدة دقات للتبويب في المتصفح، وملفات PNG منفردة، وapple-touch-icon لشاشة الرئيسية على iPhone، وأيقونات أكبر للتثبيت كتطبيق ويب على Android. تتولى هذه الأداة كل هذا التعقيد وتنتج الحزمة الكاملة من صورة واحدة فقط.

اسحب صورة مربعة - يفضل أن تكون PNG بعرض لا يقل عن 512 بكسل لكل ضلع - وستحصل على ملف ZIP. يحتوي على favicon.ico (16 و32 و48 بكسل) وملفات PNG المنفردة وapple-touch-icon بحجم 180 بكسل وأيقونتَي التطبيق بحجمَي 192 و512 بكسل. يُرفق بها site.webmanifest جاهزة للاستخدام ومقطع HTML قصير تلصقه مباشرة في قسم head بصفحتك. كل شيء مترابط دون الحاجة إلى تجميع المراجع بنفسك.

تُضبط الصورة لتناسب كل حجم دون اقتصاص وتُوضع في المنتصف. تحتفظ أيقونات المتصفح بالشفافية؛ أما أيقونات التطبيق لنظامَي iOS وAndroid فتُوضع على خلفية لأن هذين النظامين يعرضان الشفافية باللون الأسود - والخيار بين الأبيض أو الأسود أو الشفاف متروك لك، وتختاره لكل نظام على حدة (مثلاً أبيض لأيقونة آيفون وشفاف لأيقونة أندرويد). كما هو الحال مع جميع الأدوات هنا، تجري عملية التحويل بالكامل داخل المتصفح. صورتك لا تُرفع إلى أي خادم، ولا تُحمَّل أي مكتبة من خادم خارجي.

البيانات التقنية

في 3 خطوات

1. اسحب صورة مربعة (PNG بحجم 512 px على الأقل هو الأمثل).
2. اختر لون خلفية أيقونتَي iOS وAndroid (كل منهما على حدة).
3. نزّل حزمة ZIP وافتحها.

القيود: تنتج الأداة ملف ZIP يضم favicon.ico (16/32/48) وfavicon-16/32 وapple-touch-icon (180) وأيقونات Android (192/512) وsite.webmanifest ومقطع HTML. يجب أن يكون المصدر صورة نقطية (PNG, JPG, WebP, GIF, BMP)؛ لا تُقرأ SVG هنا. الصورة الصغيرة جداً ستُكبَّر وقد تبدو ضبابية - يُنصح باستخدام صورة مربعة وكبيرة.

الأسئلة الشائعة

أدوات ذات صلة

• تحويل PNG إلى ICO
• تحويل ICO إلى PNG
• ضغط الصور