ملخص (TL;DR)
- إدخال شامل: تحويل PNG أو JPG أو WebP أو SVG إلى مجموعة favicon صالحة.
- تغيير حجم ذكي: اختر بين “تغطية” (قص لملء) أو “احتواء” (إضافة حشوة) لتناسب الأيقونات المربعة تمامًا.
- معيار الإنتاج: لا يولد ملفًا واحدًا فحسب، بل المزيج الأساسي من
favicon.ico+ PNGs لتوافق الويب الحديث.
لماذا استخدام محول مخصص؟
لا يمكنك ببساطة إعادة تسمية logo.png إلى favicon.ico. تنسيق ICO عبارة عن حاوية محددة تحتوي على صور نقطية متعددة بأحجام مختلفة. تحتاج المتصفحات إلى هذا لاختيار النسخة الأكثر وضوحًا.
تتعامل هذه الأداة مع التعقيد التقني:
- إعادة التعيين: مرشحات تصغير عالية الجودة (Lanczos3) لمنع تمويه أيقونات 16x16.
- بناء الحاوية: تجميع إصدارات 16x16 و 32x32 و 48x48 في ملف ثنائي
favicon.icoواحد. - احتياطيات حديثة: إنشاء ملفات PNG قياسية (192x192، 512x512) لنظام Android و PWA وشاشات عالية الكثافة.
قص ذكي: تغطية مقابل احتواء
معظم الشعارات مستطيلة، لكن أيقونات المفضلة يجب أن تكون مربعة.
1. تغطية (قص لملء)
- السلوك: تكبير الصورة حتى تملأ المربع. يتم قص الحواف.
- الأفضل لـ: الرموز أو الشعارات المربعة تقريبًا.
2. احتواء (ملاءمة الوسط)
- السلوك: تصغير الصورة لتناسب المربع بالكامل، مع إضافة حشوة شفافة.
- الأفضل لـ: العلامات النصية العريضة أو الشعارات الطويلة التي لا يمكن قصها.
نصيحة محترف: إذا كان شعارك عبارة عن علامة نصية عريضة، لا تحاول حشره في مربع 16x16. سيكون غير مقروء. قم بإنشاء متغير مبسط “أولي” لعلامتك التجارية.
فهم تنسيق ICO
ملف .ico فريد من نوعه. على عكس PNG، فهو دليل للصور.
- 16x16: أيقونة التبويب القياسية على سطح المكتب.
- 32x32: تستخدم لشاشات عالية الكثافة (Retina) واختصارات شريط المهام.
- 48x48: تستخدم بواسطة Windows لأيقونات سطح المكتب.
أفضل الممارسات
- ابدأ كبيرًا: قم بتحميل صورة لا تقل عن 512x512 بكسل.
- تحقق من التباين: تأكد من أن شعارك مرئي على الخلفيات الفاتحة والداكنة.
- الشفافية مفتاح: استخدم PNG أو SVG شفاف كمدخل. الخلفيات البيضاء تبدو قديمة.
الأسئلة الشائعة (FAQ)
لماذا تبدو أيقونتي ضبابية؟
عند 16x16 بكسل، لديك 256 نقطة فقط. التفاصيل المعقدة تختفي. الحل هو استخدام تصميم أبسط.
هل يمكنني استخدام PNG فقط؟
تدعم معظم المتصفحات الحديثة PNG، لكن الدعم القديم الصارم لا يزال يبحث عن favicon.ico. من الأسلم توفير كليهما.