مولد الفافيكون: أيقونات موقعك من أي صورة
حوّل شعارك إلى أيقونات فافيكون PNG من 16×16 إلى 512×512 وأيقونات Apple وAndroid مع manifest.json وكود HTML في ملف ZIP واحد.
جارٍ تحميل مولد الفافيكون…
ملفاتك لا تغادر جهازك أبدًا
طريقة استخدام مولد الفافيكون
- 1
افتح مولد الفافيكون في هذه الصفحة. تُحمَّل مباشرة في متصفحك.
- 2
أضف ملفك أو نصك أو القيم، واضبط الإعدادات.
- 3
انسخ النتيجة أو نزّلها. لا يُرفع أي شيء ولا يُخزَّن.
كيفية إنشاء فافيكون لموقعك
مولد الفافيكون من WoowTools يحوّل شعارًا أو صورة واحدة إلى مجموعة الأيقونات الكاملة التي يحتاجها أي موقع حديث: أيقونات الفافيكون الصغيرة بصيغة PNG التي تظهر في تبويبات المتصفح، وأيقونات Apple touch لشاشة iPhone وiPad الرئيسية، وأيقونات Android Chrome لتطبيقات الويب التقدمية (PWA). يمكنك تنزيل كل أيقونة على حدة أو تنزيلها كلها دفعة واحدة في ملف ZIP يحتوي أيضًا على ملف manifest.json جاهز ومقتطف HTML بوسوم link للصقه في قسم head في صفحاتك. يعمل كل شيء داخل متصفحك، فلا يُرفع شعارك أبدًا.
مقاسات الفافيكون المتاحة
- 16×16 و32×32: تبويبات المتصفح والمفضلة والسجل (عادي وريتينا).
- 48×48 و64×64: أيقونات المواقع وشريط المهام في Windows.
- 96×96: Google TV، و128×128: متجر Chrome Web Store.
- 152×152 و167×167 و180×180: أيقونات Apple touch لأجهزة iPad وiPad Pro وiPhone.
- 192×192 و512×512: أيقونات Android Chrome وتثبيت تطبيقات PWA.
هناك سبعة مقاسات محددة مسبقًا (16 و32 و48 و152 و180 و192 و512) تغطي تقريبًا كل المواقع. يمكنك تحديد أي مقاس أو إلغاء تحديده، أو استخدام Select All وDeselect All.
طريقة إنشاء فافيكون
- ارفع شعارك بصيغة PNG أو JPG أو SVG أو WebP أو أي صيغة صور أخرى (حتى 10 ميغابايت). الصورة المربعة بمقاس 512×512 بكسل على الأقل تعطي أوضح نتيجة.
- اختر لون الخلفية، فهو يملأ المناطق الشفافة وأي مساحة فارغة حول الشعار غير المربع. اختر الأبيض أو الأسود أو الأزرق أو الأخضر أو الكهرماني أو الأحمر بنقرة، أو أدخل أي لون.
- حدد المقاسات المطلوبة واضغط زر الإنشاء. تظهر كل أيقونة بمعاينة لتتأكد من وضوحها بالأحجام الصغيرة.
- نزّل ملفات PNG منفردة، أو نزّلها كلها في favicons.zip.
- ارفع الملفات إلى المجلد الرئيسي لموقعك والصق أسطر html-snippet.html داخل وسم <head> في صفحاتك.
محتويات ملف ZIP
يضم الملف كل صور PNG التي أنشأتها بأسماء متعارف عليها (مثل favicon-32x32.png وapple-touch-icon-180x180.png وandroid-chrome-512x512.png)، وملف manifest.json يسرد أيقونات Android ويستخدم لون الخلفية الذي اخترته لونًا للسمة والخلفية، ومقتطف HTML بوسوم link لأيقونات 16 و32 و180 و192 و512 بكسل وللـ manifest مع وسم meta لـ theme-color. عدّل اسم التطبيق في manifest.json قبل النشر.
نصائح لفافيكون جميل وواضح
- بسّط التصميم. الشعار الكامل مع الشعار النصي يصبح غير مقروء عند 16 بكسل. استخدم الرمز أو الحرف الأول فقط، وراجع معاينات 16 و32 بكسل.
- ابدأ بصورة مربعة. تُصغَّر الصورة لتناسب المربع وتوضع في المنتصف مع الحفاظ على نسبها. قصّ الشعار العريض إلى مربع أولًا عبر أداة قص الصور ليملأ الأيقونة.
- شعار متجه؟ صدّره إلى PNG كبير عبر محول SVG إلى PNG، أو صمم رمزًا بسيطًا من البداية عبر صانع الشعارات.
- اختر الخلفية بعناية. الأيقونات الناتجة ذات خلفية مصمتة، فاختر لونًا من هوية علامتك أو لونًا يبدو جيدًا في السمات الفاتحة والداكنة.
لماذا تستخدم هذا المولد
الأداة مجانية ولا تحتاج إلى حساب ولا تضيف أي علامة على أيقوناتك. ولأن كل مقاس يُرسم على لوحة داخل متصفحك، يبقى شعارك غير المنشور على جهازك وتجهز المجموعة كاملة في ثانية.
المزايا
- 11 مقاسًا للأيقونات من 16×16 إلى 512×512 بكسل
- أيقونات Apple touch (152 و167 و180) وAndroid Chrome (192 و512)
- ملف ZIP مع manifest.json ومقتطف HTML لوسوم link
- لون خلفية للمناطق الشفافة أو الفارغة
- الحفاظ على نسب الشعار وتوسيطه
- يعمل في المتصفح دون رفع الشعار
الأسئلة الشائعة
كيف أنشئ فافيكون لموقعي؟
ارفع شعارًا مربعًا، واختر لون الخلفية والمقاسات، ثم أنشئ الأيقونات ونزّل ملف ZIP. ارفع ملفات PNG إلى موقعك والصق مقتطف HTML المرفق في قسم head.
ما المقاس المناسب للفافيكون؟
تستخدم المتصفحات 16×16 و32×32 بكسل في التبويبات، ويستخدم iOS أيقونة apple-touch-icon بمقاس 180×180، ويستخدم Android مقاسي 192×192 و512×512. تولّد الأداة كل ذلك من صورة واحدة.
هل تنشئ الأداة ملف favicon.ico؟
لا. تنشئ أيقونات فافيكون بصيغة PNG تدعمها كل المتصفحات الحديثة عبر وسوم link الموجودة في مقتطف HTML المرفق.
هل يتضمن الملف manifest.json؟
نعم. يحتوي ZIP على manifest.json يسرد أيقونات Android ويستخدم لون الخلفية لونًا للسمة. غيّر اسم التطبيق قبل النشر.
هل يمكن أن تكون خلفية الفافيكون شفافة؟
يملأ المولد المناطق الشفافة بلون الخلفية الذي تختاره، لذلك تكون الأيقونات دائمًا بخلفية مصمتة تظهر بوضوح في السمات الفاتحة والداكنة.
ما الصورة الأنسب؟
شعار أو رمز بسيط ومربع بمقاس 512×512 بكسل على الأقل، لأن النصوص الدقيقة والخطوط الرفيعة تختفي عند 16 بكسل.
هل يُرفع شعاري إلى خادم؟
لا. تُنشأ كل الأيقونات داخل متصفحك ولا يغادر الملف جهازك.