مولد الفافيكون (Favicon)
حوّل صورة واحدة بصيغة PNG أو JPG أو SVG إلى ملف favicon.ico وجميع مقاسات الأيقونات التي يحتاجها موقعك في ملف ZIP واحد.
تبقى الصورة كاملة مرئية في الوسط مع إضافة هوامش حولها لتصبح مربعة.
الخلفية الشفافة مثالية لعلامات تبويب المتصفح؛ أما لأيقونات شاشة آيفون الرئيسية، فلون الخلفية المحدد يكون أكثر أمانًا.
ستظهر أيقونة الفافيكون وحزمة الأيقونات هنا.
ضع الملفات في المجلد الرئيسي لموقعك، ثم أضف هذه الأسطر إلى كل صفحة.
يتم تحويل صورتك إلى أيقونات داخل متصفحك مباشرة. لا يتم تحميل أي شيء إلى BroBroGo.
الأسئلة الشائعة
ما هي الملفات التي تحتوي عليها حزمة الأيقونات؟
ملف favicon.ico يحتوي داخله على نسخ بمقاسات 16 و32 و48 بكسل، وأيقونات PNG بمقاسات 16 و32 و180 و192 و512 بكسل، وملف site.webmanifest الذي يسرد الأيقونات الكبيرة. وإذا بدأت بملف SVG، فسيتم تضمين ملف الفيكتور نفسه أيضًا. كل هذا في ملف ZIP واحد.
ما هو المقاس المناسب للصورة المصدر؟
صيغة SVG هي الخيار المثالي — حيث يتم رسم كل أيقونة من الفيكتور مباشرة، مما يحافظ على وضوحها التام حتى بمقاس 16 بكسل. بالنسبة لصور PNG أو JPG، يفضل البدء بمقاس 512 × 512 على الأقل؛ لأن الصور الأصغر سيتم تكبيرها وقد تبدو باهتة.
هل يجب أن تكون الخلفية شفافة أم ملونة؟
تبدو أيقونات علامات التبويب ممتازة بخلفية شفافة. ومع ذلك، فإن الشاشات الرئيسية لأجهزة آيفون وآيباد تحول المساحات الشفافة إلى اللون الأسود — لذا إذا كان من المحتمل أن يضيف المستخدمون موقعك إلى شاشاتهم الرئيسية، فمن الأفضل اختيار لون للخلفية.
ماذا يحدث إذا لم تكن الصورة المصدر مربعة؟
الأيقونات تكون مربعة الشكل دائمًا، لكن صورتك لن تتعرض للتمديد أو التشويه. بشكل افتراضي، يتم توسيط الصورة مع إضافة هوامش حولها؛ ويمكنك التبديل إلى خيار "ملء (قص)" لقص الحواف الزائدة بدلاً من ذلك.
أين يجب أن أضع هذه الملفات في موقعي؟
ارفعها إلى المجلد الرئيسي لموقعك الإلكتروني بحيث يمكن الوصول إلى favicon.ico عبر المسار /favicon.ico، ثم الصق الأسطر البرمجية الناتجة داخل وسم <head> في صفحاتك. ستختار المتصفحات المقاس المناسب تلقائيًا.