ToolsMaxxing

مولد Favicon

أنشئ ملف favicon.ico وكل أحجام PNG التي تحتاجها من صورة واحدة.

أو اسحب صور وأفلته هنا

صورة PNG أو JPG أو WebP أو GIF (الشعار المربع هو الأفضل)

ملفاتك تبقى على جهازك

  1. 1أضف الملفات
  2. 2اضبط
  3. 3نزّل

طريقة الاستخدام

  1. 1أضف شعارًا أو صورة مربعة. أفضل نتيجة بحجم 512 في 512 بكسل أو أكبر.
  2. 2اختر هل تُلاءم الصور غير المربعة داخل الإطار أم تُقص، وحدد الخلفية.
  3. 3اضغط إنشاء مجموعة favicon.
  4. 4نزّل ملف ZIP وضع الملفات في جذر موقعك والصق كود HTML من favicon-html.txt في وسم head.

ماذا تفعل الخيارات

ملاءمة داخل الإطار
يُبقي الصورة كاملة ويضيف مساحة فارغة على الجانب الأقصر.
قص للملء
يملأ المربع ويقص حواف الصورة العريضة أو الطويلة.
الخلفية
شفافة تُبقي الشفافية. والأبيض أو الأسود يملآنها. أما أيقونة Apple touch فتحصل دائمًا على خلفية صلبة.

الخصوصية

يُغيَّر حجم صورتك في متصفحك ولا تُرفع أبدًا.

أسئلة شائعة

ما الملفات التي أحصل عليها؟

ملف favicon.ico بصور 16 و32 و48 بكسل، وصور PNG منفصلة بأحجام 16 و32 و48 بكسل، وملف apple-touch-icon.png بحجم 180 بكسل، وأيقونتان بحجم 192 و512 بكسل لـ Android، وملف site.webmanifest، وملف نصي بوسوم HTML.

هل ما زلت بحاجة إلى favicon.ico؟

تقرأ متصفحات كثيرة أيقونات PNG، لكن بعض الزواحف وقارئات الخلاصات والأدوات القديمة لا تزال تطلب /favicon.ico، لذا يستحق الاحتفاظ به.

لماذا favicon لدي صغيرة وغير مقروءة؟

عند 16 بكسل تختفي التفاصيل. استخدم شكلًا بسيطًا أو حرفًا واحدًا على خلفية سادة، وتجنب الخطوط الرفيعة أو النص الصغير.

لماذا لا يزال متصفحي يعرض الأيقونة القديمة؟

تخزّن المتصفحات الأيقونات مؤقتًا لفترة طويلة. أعد التحميل بالقوة، أو أضف رقم إصدار مثل /favicon.ico?v=2 إلى الرابط.

هل يمكنني رفع SVG؟

ليس في هذا الإصدار. صدّر ملف SVG كصورة PNG كبيرة أولًا. ويمكن لموقع حديث أن يضيف رابط أيقونة SVG بجانب هذه الملفات.

أدوات ذات صلة