أداة الصور / 21
محوّل Favicon
حوّل صورة واحدة إلى حزمة Favicon كاملة تشمل جميع أحجام PNG، وfavicon.ico متعدد الدقات، وsite.webmanifest، في ملف zip واحد.
محوّل Favicon: يعرض TOEA صورتك بأحجام 16 و32 و180 و192 و512 بكسل، ويضم الحجمين الصغيرين في favicon.ico متعدد الدقات، وينشئ ملف site.webmanifest مطابقًا، ثم يضغط الملفات السبعة معًا في ملف zip. يعمل 100% محليًا في المتصفح، من دون رفع أي ملفات إلى الخادم.
- الفئة
- أدوات الصور
- مرات التشغيل
- في المتصفح
- التكلفة
- مجاني · بلا تسجيل
- التوفر
- جاهز للاستخدام
تعمل بالكامل في المتصفح
PNG أو JPG أو WebP أو SVG · يُفضّل 1024 × 1024 أو أكبر
احتفظ بملف ICO في الجذر
تطلب المتصفحات /favicon.ico من جذر الموقع حتى عندما لا تربطه أي صفحة، كما يبحث بعض قارئات الخلاصات وأدوات الإشارات المرجعية وبرامج الزحف في هذا المكان فقط، لذا احتفظ بملف ICO في الجذر بدلًا من مجلد الصور. وعندما يربط رأس الصفحة بالأيقونات، تستخدم المتصفحات هذه الروابط أولًا، ما يتيح لملفات PNG خدمة المتصفحات الحديثة بينما يغطي ICO كل الحالات الأخرى. راجع توثيق الأيقونات في MDN.
ضبط ملف البيان
يستخدم site.webmanifest المُنشأ اسم الموقع لكل من name وshort_name. الاسم المختصر هو التسمية أسفل أيقونة الشاشة الرئيسية، حيث يتسع لنحو 12 حرفًا قبل اقتطاعه، لذا اختصره إذا كان الاسم طويلًا. تُدرج الأيقونات من دون "purpose": "maskable"، لذلك قد يعرضها Android مصغرة داخل دائرة بيضاء. لملء شكل المشغّل، أضف أيقونة maskable منفصلة وضع المحتوى المهم فيها داخل الدائرة المركزية التي تبلغ 80% من العرض.
طريقة الاستخدام
- اختر صورة مربعة، ويفضل أن تكون بحجم 512 × 512 أو أكبر.
- حدّد اسم الموقع ولون السمة اللذين سيستخدمهما ملف manifest.
- أنشئ الحزمة ونزّل ملف zip.
الخصوصية والقيود
لا تغادر الصورة المتصفح مطلقًا: تُجمّع جميع الأحجام وحاوية ICO وملف zip على جهازك. وتبقى الصور المصدر الشفافة شفافة.
أدوات ذات صلة
الأسئلة الشائعة
ما الذي يتضمنه ملف zip؟
favicon.ico، وfavicon-16x16.png، وfavicon-32x32.png، وapple-touch-icon.png، وandroid-chrome-192x192.png، وandroid-chrome-512x512.png، وsite.webmanifest — وهي المجموعة نفسها التي تنشئها مولدات Favicon عادةً.
هل يحتوي favicon.ico على أكثر من حجم واحد؟
نعم. يحتوي على صورتين بحجم 16 × 16 و32 × 32، مخزنتين كإدخالات PNG للحفاظ على قناة ألفا.
أين توضع الملفات؟
فك ضغطها في جذر موقعك، ثم اربط favicon-32x32.png وfavicon-16x16.png وapple-touch-icon.png من ترويسة HTML، وأشر برابط manifest إلى site.webmanifest.
لماذا لا تزال أيقونتي تبدو غير صحيحة بعد تحميلها؟
تخزّن المتصفحات أيقونات Favicon مؤقتًا بكثافة وبطريقة منفصلة عن الملفات العادية. افتح رابط PNG مباشرةً، أو تحقّق منه في نافذة خاصة، للتأكد من تقديم الملف الجديد.
أداة مجانية · عدد مرات الاستخدام في المتصفح · لا يتطلب حسابًا