ما الأحجام التي يتم إنشاؤها؟

16×16 و32×32 و48×48 (مضمّنة في favicon.ico) و180×180 (Apple Touch Icon) و192×192 و512×512 (أيقونات PWA).

هل يتم الحفاظ على الشفافية؟

نعم. يتم الحفاظ على قناة ألفا في PNG في جميع ملفات الإخراج، بما في ذلك صيغة ICO.

ما الفرق بين favicon.ico وأيقونات PNG؟

يجمع favicon.ico عدة أحجام في ملف واحد لدعم المتصفحات القديمة، بينما تُستخدم أيقونات PNG في المتصفحات الحديثة وتطبيقات PWA. توفير كليهما يضمن أقصى توافق.

ما الصورة المصدر الجيدة؟

صورة PNG مربعة بخلفية شفافة بحجم 512×512 بكسل أو أكبر تعطي أفضل النتائج عند تصغيرها إلى أحجام الأيقونات الأصغر.

كيف أضيف الـ favicon إلى موقعي؟

أضف <link rel="icon" href="/favicon.ico"> و<link rel="apple-touch-icon" href="/apple-touch-icon.png"> إلى <head> في HTML.

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

Q: كيف أضيف الـ favicon إلى موقعي؟

أضف <link rel="icon" href="/favicon.ico"> و<link rel="apple-touch-icon" href="/apple-touch-icon.png"> إلى <head> في HTML.

تحويل PNG إلى favicon.ico وحزمة متعددة الأحجام

الرئيسية · أدوات صور مجانية

تغيير حجم صور التواصل

العودة إلى الصفحة الرئيسية

نصائح وحالات استخدام favicon

الموقع — التوافق مع جميع المتصفحات

للعرض الصحيح في Chrome وSafari وFirefox وEdge، وفّر ملف favicon.ico وملفات PNG معًا. ارفع جميع الملفات الموجودة في حزمة ZIP المُنشأة إلى جذر موقعك وأضف وسوم link المقابلة في رأس HTML.

PWA / الشاشة الرئيسية للجوال

لتطبيقات الويب التقدمية واختصارات الشاشة الرئيسية، تحتاج إلى PNG بحجم 192×192 و512×512. سجّل الحجمين في مصفوفة icons في ملف manifest.json لعرض أيقونات عالية الدقة على Android وiOS.

هوية العلامة — الشعار كأيقونة

قص رمز شعارك أو علامته فقط في صورة PNG مربعة قبل تحويلها إلى favicon. أبقِ التصميم بسيطًا — ينبغي أن يكون مميزًا حتى بحجم 16×16 بكسل.

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

الرئيسية · أدوات صور مجانية

كيفية إنشاء favicon

نصائح وحالات استخدام favicon

الموقع — التوافق مع جميع المتصفحات

PWA / الشاشة الرئيسية للجوال

هوية العلامة — الشعار كأيقونة

أدوات ذات صلة من عائلة Flexeam

استكشف عالم Flexeam

الأسئلة الشائعة