أدواتي

مولّد أيقونات الموقع (favicon)

أفلِت شعارك، شاهد كل مقاس حقيقي، واخرج بـ favicon.ico ومجموعة PNG وكود HTML.

PNG / JPEG / WebP / GIF / SVG — أو أفلِتها على هذه البطاقة

أضِف صورة (أو بدّل إلى «حرف») لتظهر كل المقاسات هنا فورًا — لا يوجد زر «إنشاء».favicon.ico 16/32/48 · PNG 16 · 32 · 48 · 180 · 192 · 512 · site.webmanifest · HTML

كيف تستخدمها

  1. اختر صورة (أو أفلِتها على البطاقة) فتظهر كل المقاسات دفعة واحدة — لا يوجد زر إنشاء: ما تراه هو ما يُنزَّل.
  2. لا شعار لديك؟ بدّل إلى «حرف / إيموجي» واكتب حرفًا أو حرفين؛ منتقي اللون يضبط الخلفية، ولون النص يصبح أسود أو أبيض حسب التباين.
  3. نزّل الحزمة وفكّ ضغطها في جذر موقعك، وألصق وسوم <link> في <head>، ثم أعد تحميل موقعك — ستظهر أيقونة التبويب.

مثال

المدخل

logo.png · 512×512، الشكل «زوايا دائرية»

الحزمة (9 ملفات)

favicon.ico (16/32/48)
favicon-16x16.png
favicon-32x32.png
favicon-48x48.png
apple-touch-icon.png (180)
android-chrome-192x192.png
android-chrome-512x512.png
site.webmanifest
snippet.html

المصدر نفسه مع الخيارات نفسها يعطي صور PNG وملف ZIP متطابقة بايتًا ببايت (طابع وقت الأرشيف ثابت عند 1980-01-01)، فيمكن حفظ الحزمة في المستودع ومقارنتها. تغيير الشكل يقصّ الزوايا فقط ولا يعيد رسم المحتوى.

النطاق والقيود والأسئلة الشائعة

  • لا تصدير SVG: الأيقونة المتجهية التي تُقرأ عند 16 بكسل تحتاج مسارات مبسّطة يدويًا؛ لفّ الصورة النقطية داخل SVG أو رسم نص بخط النظام ليس رسمًا متجهيًا حقيقيًا. أبقِ ملف .svg الأصلي بجانب مجموعة PNG.
  • الصور تُلائم ولا تُقصّ: الشعار غير المربّع يحتفظ بهوامش شفافة؛ استخدم أداة صور للقص أولًا (تغيير المقاس أو تحويل الصيغة هنا).
  • الأيقونات الشفافة تضع المنصّة خلفيتها: iOS يرسم خلفية خلف apple-touch-icon، وبعض مشغّلات Android كذلك. لخلفية تحت يدك استخدم «حرف / إيموجي»، أو أضف الخلفية إلى الصورة المصدر.
  • site.webmanifest يحتوي الأيقونات فقط — بلا name أو short_name. اسم موقعك لا تعرفه الأداة؛ أضِف المفتاحين بعد فكّ الضغط (name اختياري، ويستخدم المتصفح عنوان الصفحة بدلًا منه).
  • ملف favicon.ico يحوي 16 و32 و48 (لا 64 أو 128): يكفي المتصفحات الحديثة وWindows؛ ولزيادة المقاسات استخدم PNG.
  • الصور المتحركة GIF / WebP: يُستخدم الإطار الأول فقط؛ والأيقونة لا تتحرك أصلًا.
  • أيقونات الحروف تُرسم بخط نظامك، فتختلف بين macOS وWindows وLinux والهواتف، وملف PNG يثبّت ما يظهر على جهازك. ولهذا لا يوجد اختيار للخط.
  • لا جلب لروابط ولا فحص مباشر: الأداة لا تقبل عنوان موقع ولا تتحقق من أيقونة منشورة. بعد النشر افتح موقعك وانظر إلى التبويب.
  • الحدود: 20 ميغابايت للملف، و8000 بكسل للبُعد. والمصادر الأصغر من 180 بكسل تُكبَّر للأيقونات الكبيرة وقد تبدو ضبابية.
  • بلا قص، بلا إزالة خلفية، بلا دفعات، بلا سجل: إعادة التحميل تعيد الحالة الفارغة (لا تخزين ولا شيء في الرابط).

ما يحتاجه الناس عادة بعد تجهيز الأيقونات.

تغيير مقاس الصور

محوّل الصور