مولّد Favicon
يحوّل مولد Favicon حرفًا أو حرفين أو إيموجي إلى أيقونة موقع بالخلفية ولون النص والشكل الذي تختاره، ويصدّر ملفات PNG بمقاسات 256 و128 و64 و32 و16 px.
حول هذه الأداة
يحوّل مولد Favicon حرفًا أو حرفين أو إيموجي إلى أيقونة موقع بالخلفية ولون النص والشكل الذي تختاره، ويصدّر ملفات PNG بمقاسات 256 و128 و64 و32 و16 px.
طريقة الاستخدام
- اكتب حرفًا أو حرفين أو الصق إيموجي.
- اختر لون الخلفية ولون النص.
- اختر شكلًا مربعًا أو مستدير الزوايا أو دائريًا.
- نزّل مقاسات PNG التي تحتاجها.
معلومات مفيدة
- تعرض المتصفحات أيقونات favicon في علامات التبويب بمقاس 16 × 16 px، لذا تُقرأ الأشكال العريضة والبسيطة بشكل أفضل.
- تقبل المتصفحات الحديثة أيقونات PNG عبر <link rel="icon" type="image/png" href="/favicon-32.png">.
- أيقونات Apple touch عادةً بمقاس 180 × 180 px، ويمكن تغيير حجم ملف 256 px لهذا الغرض.
- لا يُرسم إلا أول حرفين من النص.
- تُرسم الصور باستخدام Canvas API على جهازك.
تعمل بالكامل داخل متصفحك — لا يتم رفع أو حفظ أي شيء تُدخله.
الأسئلة الشائعة
ما المقاس المناسب لأيقونة favicon؟
وفّر مقاس 32 × 32 px على الأقل لعلامات تبويب المتصفح، إلى جانب مقاسات أكبر مثل 180 px لأيقونات Apple touch و192 أو 512 px لملفات web app manifest.
كيف أضيف favicon إلى موقعي؟
ارفع ملف PNG وأضف <link rel="icon" type="image/png" href="/favicon-32.png"> داخل قسم head في HTML.
هل يمكنني استخدام إيموجي كأيقونة favicon؟
نعم. الصق الإيموجي في حقل النص ونزّل ملف PNG؛ ويُرسم بخط الإيموجي الخاص بنظامك.
هل ما زلت أحتاج إلى ملف favicon.ico؟
ليس للمتصفحات الحديثة التي تقبل PNG. لكن بعض الأدوات والمتصفحات القديمة ما زالت تبحث عن /favicon.ico، لذا تحتفظ به مواقع كثيرة من أجل التوافق.