مولّد Favicon
أنشئ حزمة favicon كاملة من شعار أو أيقونة خطية أو حروف مختصرة — favicon.ico وصور PNG حديثة وأيقونة Apple touch وأيقونات PWA وبيان ويب ومقتطف HTML.
أضف شعاراً، أو اختر أيقونة خطية، أو اكتب حروفاً مختصرة — ونولّد كل favicon يحتاجه موقع حديث، من favicon.ico الكلاسيكي إلى أيقونة Apple touch وأيقونات PWA ومقتطف HTML جاهز للّصق.
حول مولّد Favicon
يبني مولّد الأيقونة المفضّلة (Favicon) كل أيقونة يحتاجها موقع حديث من مصدر واحد: ارفع شعارًا بصيغة PNG، اختر أيقونة خط، أو اكتب حرفَي اسم. تشمل الحزمة favicon.ico الكلاسيكي (16 و32 و48 بكسل)، أيقونات favicon حديثة بصيغة PNG، أيقونة Apple touch بحجم 180 بكسل، أيقونات PWA بحجم 192 و512 بكسل، ملف site.webmanifest ومقتطف HTML لرأس الصفحة.
التصميم مُدار داخل الأداة: اختر لون خلفية أو أبقِ الشفافية، اقصّ إلى شكل مربع أو مدوّر أو دائرة، اضبط الحشوة وحجم العمل الفني، واضبط لون السمة المستخدَم في واجهة المتصفح ودليل PWA. معاينة حية تُظهر أيقونتك في سياقات حقيقية — تبويب متصفح بحجم 16 بكسل، إشارة مرجعية، بلاطة Apple touch وأيقونة PWA.
كل شيء يُرسَم على لوحة رسم داخل متصفحك، وينشئ زر إنشاء الحزمة كاملة في ملف ZIP مع README. التركيب خطوتان: فك ضغط الملف في جذر موقعك ولصق المقتطف المُقدَّم في <head> الخاص بك.
كيفية استخدام مولّد Favicon
- اختر مصدرك: ارفع شعار PNG، اختر أيقونة خط، أو اكتب حرفَي اسم.
- صمّمه — لون خلفية أو شفافية، شكل، حشوة وحجم العمل الفني.
- املأ اسم الموقع والاسم القصير ولون السمة لدليل PWA.
- تحقّق من المعاينات: تبويب المتصفح، الإشارة المرجعية، وسياقات Apple touch وPWA.
- انقر على "إنشاء الأيقونات المفضّلة" وفك ضغط الحزمة في جذر موقعك.
- الصق مقتطف HTML من الحزمة في <head> صفحتك.