مولد أيقونة الموقع (Favicon)

حول شعارًا أو أي صورة مربعة إلى مجموعة كاملة من أيقونات الموقع: ملف favicon.ico متعدد الأحجام، وأيقونات PNG للمتصفحات والهواتف، وملف web manifest، وكود HTML للصقه في موقعك. يتم إنشاء كل شيء في متصفحك، لذلك لا يتم رفع تصميمك أبدًا.

اسحب صورة وأفلتها هنا، أو انقر لاختيار ملف

أفضل نتيجة مع صورة PNG مربعة بخلفية شفافة. تبقى الملفات على جهازك.

معاينة

كود HTML لقسم head في صفحتك

يرسم متصفحك كل حجم من الأيقونة، ويجمع ملف favicon.ico، ويجهز ملف ZIP بالكامل. لا يتم إرسال صورتك الأصلية إلى أي خادم.

كل ما تحتاجه لإضافة أيقونة الموقع (favicon)

أيقونة الموقع (favicon) هي الأيقونة الصغيرة التي تظهر في تبويبات المتصفح والمفضلة وعلى الشاشة الرئيسية للهاتف. إعدادها بشكل صحيح يتطلب عدة أحجام وأكثر من صيغة، وصنعها يدويًا أمر مزعج. يأخذ مولد أيقونة الموقع (Favicon) هذا صورة واحدة وينتج لك المجموعة كاملة: ملف favicon.ico التقليدي الذي يضم أحجام 16 و32 و48 بكسل، وملفات PNG منفصلة للمتصفحات الحديثة وأجهزة Apple وAndroid، وملف web manifest، وأسطر HTML الدقيقة لإضافتها إلى قسم head في صفحتك.

صمم لمطوري المواقع والمدونين وأصحاب المتاجر الذين يريدون أيقونة موقع واضحة وصحيحة على كل المتصفحات والأجهزة دون معاناة مع برامج تعديل الصور.

كيف تنشئ أيقونة الموقع (favicon)

  1. ارفع صورة. الشعار أو الأيقونة المربعة بخلفية شفافة تعطي أنظف نتيجة.
  2. راجع المعاينات. شاهد شكلها بكل حجم، من أيقونة التبويب الصغيرة بحجم 16 بكسل حتى 512 بكسل.
  3. نزل الملفات. احصل على favicon.ico وحده، أو حزمة ZIP الكاملة بكل الملفات.
  4. الصق كود HTML. انسخ الكود المرفق إلى قسم head في موقعك وارفع الملفات إلى المجلد الرئيسي للموقع.

ملف ICO حقيقي متعدد الأحجام

ملف favicon.ico هو ملف أيقونة حقيقي يضم صور 16 و32 و48 بكسل في ملف واحد، فيختار المتصفح النسخة الأوضح للتبويبات والمفضلة وشريط العنوان.

أيقونات للويب والهاتف

تتضمن الحزمة أيقونات PNG للمتصفحات الحديثة، وأيقونة Apple touch بحجم 180 بكسل لأجهزة iPhone، وأيقونات بحجم 192 و512 بكسل لأجهزة Android وتطبيقات الويب التقدمية.

كود HTML جاهز للصق

تحصل أيضًا على ملف manifest ومقطع قصير من HTML لنسخه إلى قسم head في صفحتك، فيصبح ربط الأيقونة بموقعك مجرد لصق ورفع.

لماذا تستخدم مولد أيقونة الموقع هذا

  • مجموعة كاملة: ICO وأيقونات PNG وملف manifest وكود HTML دفعة واحدة.
  • ملف ICO حقيقي متعدد الأحجام: أحجام 16 و32 و48 بكسل مجمعة في favicon.ico.
  • بدون رفع: تتم معالجة شعارك في المتصفح ويبقى خاصًا.
  • بدون علامة مائية: الأيقونات هي صورتك فقط، دون أي إضافة.
  • مجاني وفوري: بدون حساب وبدون انتظار خادم.

أحجام أيقونة الموقع الشائعة واستخداماتها

أسرع طريقة لصنع أيقونة الموقع هي إضافة صورة PNG أو JPG مربعة لشعارك وترك الأداة ترسم كل الأحجام لك. يضم ملف favicon.ico الذي تنشئه نسخ 16 في 16 و32 في 32 و48 في 48 في ملف واحد، وهذا بالضبط ما تحتاجه المتصفحات للتبويبات والمفضلة وشريط العنوان. أيقونة 16 في 16 هي الصغيرة التي تراها في تبويب المتصفح، بينما تستخدم 32 في 32 للشاشات الأوضح والاختصارات المثبتة. إذا كان لديك موقع WordPress أو Shopify أو HTML عادي، فهذا هو ملف favicon.ico الذي ترفعه إلى المجلد الرئيسي لموقعك، مع لصق وسوم link المطابقة في قسم head.

وللهواتف والتطبيقات تحصل أيضًا على أيقونة apple touch بحجم 180 في 180، وهو الحجم الذي يستخدمه iPhone وiPad عندما يضيف أحد موقعك إلى الشاشة الرئيسية، بالإضافة إلى صور PNG بحجم 192 في 192 و512 في 512 لأجهزة Android وتطبيقات الويب التقدمية مع ملف web manifest. ولأن الصورة يتم تحجيمها لتناسب الإطار وتوسيطها، يمكنك تحويل شعار عريض أو أيقونة تطبيق أو حرف واحد إلى مجموعة أيقونات نظيفة. الرمز البسيط بخلفية شفافة يبقى أوضح عندما يصغر إلى 16 في 16.

الأسئلة الشائعة

ارفع صورة مربعة، وراجع المعاينات بكل حجم، ثم نزل favicon.ico أو حزمة ZIP الكاملة والصق كود HTML المرفق في قسم head في صفحتك.

ملف favicon.ico يضم 16 و32 و48 بكسل، بالإضافة إلى أيقونات PNG بأحجام 16 و32، و180 لأجهزة Apple، و192 و512 لأجهزة Android وتطبيقات الويب.

نعم. يتم تجميع ملف ICO في متصفحك ويضم صور 16 و32 و48 بكسل معًا، فيختار المتصفح الأوضح منها.

لا. يتم رسم كل حجم وتجهيز الملفات بالكامل في متصفحك. لا يتم إرسال صورتك الأصلية إلى أي خادم.

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

ارفع ملفات الأيقونات إلى المجلد الرئيسي لموقعك، ثم الصق كود HTML في قسم head في صفحاتك.

لا. تحتوي الأيقونات على صورتك فقط. لا تتم إضافة أي شيء من MyIMGs.

نعم، مجانية تمامًا ولا تحتاج إلى حساب.

اسحب صورة PNG مربعة، أو JPG، وراجع المعاينات، ثم نزل favicon.ico أو حزمة ZIP الكاملة. يتم تحجيم الصورة لتناسب الإطار وتوسيطها، لذلك يعطي الشعار أو الرمز بخلفية شفافة أفضل نتيجة.

يجب أن يضم ملف favicon.ico أحجام 16 في 16 و32 في 32 و48 في 48، وهذه الأداة تجمعها لك. وللهواتف تحتاج أيضًا إلى أيقونة apple touch بحجم 180 في 180، بالإضافة إلى صور PNG بحجم 192 في 192 و512 في 512 لأجهزة Android وتطبيقات الويب.

نزل الحزمة، وارفع favicon.ico وملفات PNG إلى المجلد الرئيسي لموقعك، ثم الصق وسوم link المرفقة في قسم head. في WordPress أو Shopify أو HTML العادي، ملف favicon.ico في المجلد الرئيسي هو ما تستخدمه المتصفحات لأيقونة التبويب.

ملف favicon.ico هو ملف واحد يضم عدة أحجام معًا، هنا 16 في 16 و32 في 32 و48 في 48، فتختار المتصفحات القديمة والحديثة الأوضح منها. أما أيقونات PNG المنفصلة فتستخدمها المتصفحات الحديثة والهواتف لأيقونة apple touch وأيقونات Android.

أدوات ذات صلة