صانع أيقونة الموقع (Favicon)
اصنع الأيقونة الصغيرة التي تظهر في تبويبات المتصفح والمفضلة وعلى الشاشة الرئيسية للجوال. اختر شعارك واحصل على كل المقاسات اللازمة مع الكود الذي تلصقه في موقعك.
- اختر شعارك أو صورتك
- حدد الهامش والخلفية
- نزّل ملف ZIP
ملفاتك لا تغادر جهازك أبدًا
محتويات الحزمة
- favicon.ico بمقاسات 16 و32 و48 بكسل لكل المتصفحات.
- favicon-16x16.png وfavicon-32x32.png.
- apple-touch-icon.png (180 × 180) لأجهزة iPhone وiPad.
- أيقونات Android بمقاس 192 و512 بكسل مع ملف site.webmanifest.
- ملف favicon-html.txt يحتوي الوسوم التي تلصقها في قسم head في صفحتك.
نصائح لأيقونة واضحة
استخدم صورة مربعة لا تقل عن 512 × 512 بكسل، أو ملف SVG. الأشكال البسيطة وحرف أو حرفان عريضان تبقى مقروءة بحجم 16 بكسل، أما النص الدقيق فلا. أضف هامشًا إذا كان شعارك يلامس الحواف.
طريقة التركيب
ارفع كل الملفات إلى المجلد الرئيسي لموقعك، ثم الصق الكود الموجود في favicon-html.txt داخل قسم head في صفحاتك. تنشئ مملكة الملفات الملفات على جهازك.
الأسئلة الشائعة
ما الصورة المناسبة؟
شعار مربع بصيغة PNG أو SVG لا يقل عن 512 × 512 بكسل هو الأفضل.
هل تبقى الخلفية الشفافة؟
نعم، باستثناء أيقونة Apple التي تأخذ لون الخلفية الذي تختاره أو الأبيض، لأن iOS لا يعرض الشفافية.
هل يعمل ملف ICO في كل المتصفحات؟
نعم. يحتوي صورًا بمقاس 16 و32 و48 بكسل ويعمل في كل المتصفحات الحالية.
أين أضع الملفات؟
في المجلد الرئيسي (الجذر) لموقعك، بجانب الصفحة الرئيسية.
هل يُرفع شعاري؟
لا. تُصنع الأيقونات في متصفحك.
هل الأداة مجانية؟
نعم.