مولّد الفافيكون

كيف يعمل

لديك شعار (غالبًا ملف PNG مربع مُصدَّر من Figma أو Canva أو برنامج تصميم) وتحتاج إلى دمجه في موقعك كأيقونة تبويب وأيقونة شاشة رئيسية على الهاتف. بدلاً من تغيير حجم الملف يدويًا لكل مقاس، تنشئ هذه الأداة بنقرة واحدة جميع الأشكال المطلوبة: 16×16 و32×32 لتبويب المتصفح، و48×48 لاختصارات Windows، و180×180 لأيقونة Apple Touch (الإضافة إلى شاشة البداية في iOS).

ما أحجام الفافيكون الضرورية فعليًا؟

عمليًا، يغطي حجم 32×32 معظم متصفحات سطح المكتب الحديثة (تستخدم الشاشات عالية الكثافة غالبًا الضعف، ومن هنا حجم 48×48)، ويُعد 180×180 الحجم الذي توصي به Apple لأيقونة شاشة البداية على آيفون وآيباد. يبقى حجم 16×16 مفيدًا للمفضلة القديمة، لكنه لم يعد ضروريًا بشكل صارم.

أين أضع الملفات المُنشأة على موقعي؟

ضع ملفات PNG التي تم تنزيلها في جذر موقعك (على سبيل المثال /favicon-32.png ) وأشِر إليها في <head> صفحات HTML الخاصة بك باستخدام وسوم <link rel="icon"> للأحجام القياسية و <link rel="apple-touch-icon"> لنسخة 180×180.

كما هو الحال مع جميع أدواتنا، يعمل هذا المولّد 100% داخل متصفحك بفضل WebAssembly: شعارك لا يُرسل أبدًا إلى أي خادم.