مولّد Favicon (أيقونة الموقع)
مولّد favicon مجاني: أنشئ favicon.ico وأيقونات PNG وأيقونة Apple touch icon وملف web manifest من صورة أو SVG أو نص وإيموجي، داخل متصفحك.
ما الذي تفعله
الـ favicon هو الأيقونة الصغيرة التي يعرضها المتصفح في التبويب وفي الإشارات المرجعية وفي السجل؛ وتستخدمها الهواتف أيضًا عندما يضيف أحدهم موقعك إلى الشاشة الرئيسية. يصنع هذا المولّد كل ملف يحتاجه الموقع من صورة واحدة أو شعار SVG أو بضعة أحرف أو إيموجي: favicon.ico بصور 16 و32 و48 بكسل، وأيقونات PNG بمقاسات 16 و32 و192 و512 بكسل، وأيقونة Apple touch icon بمقاس 180 بكسل، وملف web manifest ووسوم HTML للصقها في صفحتك.
طريقة الاستعمال
- اختر صورة أو SVG، أو اكتب حرفًا أو حرفين أو إيموجي.
- اضبط الشكل والخلفية والهامش وأنت تتابع المعاينة.
- نزّل ملف ZIP، وضع الملفات في جذر موقعك والصق كود HTML داخل <head>.
الأسئلة الشائعة
ما الملفات التي أحتاجها فعلًا؟
يكفي favicon.ico في جذر الموقع لجميع المتصفحات. أما apple-touch-icon.png بمقاس 180 بكسل فهو ما يعرضه iPhone وiPad على الشاشة الرئيسية، وأيقونتا PNG بمقاس 192 و512 بكسل مع web manifest هما ما يستخدمه Android. وملف ZIP يحوي كل ذلك.
لماذا لأيقونة Apple touch icon خلفية؟
يملأ iOS المناطق الشفافة في touch icon باللون الأسود ويدوّر الزوايا بنفسه، لذلك تُصنع هذه الأيقونة دائمًا مربعة وغير شفافة، مع خلفية بيضاء خلفها إذا اخترت خلفية شفافة.
ما أفضل صورة؟
شعار أو رمز مربع بتفاصيل قليلة، بمقاس 512 بكسل على الأقل أو بصيغة SVG. يختفي النص والخطوط الرفيعة عند 16 بكسل؛ تحقق من معاينتي 16 و32 بكسل، واستخدم الهامش إذا كان الشكل يلامس الحواف.
لا تظهر أيقونتي الجديدة. لماذا؟
تحتفظ المتصفحات بالـ favicon في الذاكرة المؤقتة لوقت طويل. افتح favicon.ico مباشرة في المتصفح وأعد تحميله، أو جرّب في نافذة خاصة؛ وقد تحتاج محركات البحث إلى أيام أو أسابيع لإظهار الأيقونة الجديدة.
هل تُرفع صورتي؟
لا. تُرسم الأيقونات وتُصنع الملفات في متصفحك؛ ولا يُرسل شيء إلى أي خادم.