مولّد Favicon
ارفع صورة (PNG أو JPG أو SVG) أو اختر إيموجي وأنشئ فوراً مجموعة Favicon الكاملة: 16 و 32 و 48 و 64 و 180×180 أيقونة Apple Touch و 192 و 512 بكسل لأيقونات PWA، بالإضافة إلى favicon.ico كلاسيكي متعدد الأحجام. أسقطه مباشرة في مجلد /public.
تتم معالجة صورتك داخل متصفحك. لا يتم رفع أي شيء إلى خادم.
كيفية استخدام مولّد favicon
- ارفع صورة مربّعة (PNG/JPG/SVG/WebP) أو اختر إيموجي من المنتقي.
- اختر خلفية — شفافة أو بيضاء أو لون مخصص.
- عاين Favicon بكل حجم قياسي: 16 و 32 و 48 و 64 و 180 و 192 و 512.
- نزّل صور PNG منفردة، أو ملف favicon.ico متعدد الأحجام، أو انسخ وسوم HTML <link> للصقها في موقعك.
الأسئلة الشائعة
ما الأحجام التي يتم توليدها؟
صور PNG بأحجام 16 و 32 و 48 و 64 بكسل (Favicons المتصفح)، و 180×180 (أيقونة Apple Touch)، و 192 و 512 بكسل (أيقونات PWA / Manifest)، بالإضافة إلى ملف .ico متعدد الأحجام يحتوي 16 و 32 و 48 بكسل.
هل يمكنني استخدام إيموجي بدلاً من صورة؟
نعم. اختر أي إيموجي من المنتقي — يتم رسمه على لوحة canvas بكل حجم، مع خلفية شفافة أو لون ثابت من اختيارك.
ما وسوم HTML التي أحتاجها؟
تولّد الأداة وسوم <link rel="icon"> و <link rel="apple-touch-icon"> ومدخلات Manifest جاهزة للنسخ واللصق بالأحجام والمسارات الصحيحة.
لماذا يبدو الـ favicon ضبابياً عند 16×16 رغم أنني رفعت صورة عالية الدقة؟
الشعارات المفصّلة تفقد حدّتها عند التصغير إلى شبكة 16 بكسل — لا توجد مساحة لخطوط رفيعة أو نصّ صغير. صمّم للحجم الأصغر أولاً: حرف واحد ثخين أو monogram أو شكل أيقونة يعمل أفضل من شعار كامل مُصغَّر.