WMW

منشئ Favicon

Free

ارفع صورة واحصل على حزمة favicon كاملة: favicon.ico، وكل حجم PNG تتوقعه المتصفحات والأجهزة، وapple-touch-icon، وأيقونات Android، وsite.webmanifest، وHTML للصقه، كل ذلك في ملف ZIP واحد.

يعمل بالكامل في متصفحك. صورتك لا تُرفع إلى أي مكان أبدًا.

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

الصورة المربعة تعمل بشكل أفضل، لكن أي حجم أو شكل مناسب.

النشاط الأخير

مرئي للجميع. آخر 20 استخدامًا من جميع الزوار، الأحدث أولاً.

Favicon set generated

منذ ساعة

Favicon set generated

منذ ساعة

Favicon set generated

منذ ساعة

Favicon set generated

منذ ساعة

التعليقات (0)

هل وجدت هذه الأداة مفيدة؟ اترك تعليقًا، أو شارك نصيحة، أو أخبرنا كيف يمكننا تحسينها.

تُراجَع تعليقات الزوار قبل النشر. تسجيل الدخول للنشر فورًا.

لا توجد تعليقات بعد. كن أول من يشارك رأيه!

ماذا تفعل هذه الأداة

ارفع شعارًا أو صورة، وستنشئ هذه الأداة حزمة favicon كاملة: favicon.ico متعدد الدقة، وملفات PNG فردية بكل حجم تتوقعه المتصفحات والأجهزة الحديثة، وapple-touch-icon، وأيقونات Android Chrome، وsite.webmanifest مملوء مسبقًا، وعلامات HTML الدقيقة لإلصاقها في <head> صفحتك، كل ذلك مجمّع في تنزيل ZIP واحد.

كيف يعمل

تُرسم صورتك على عنصر HTML canvas بكل حجم مستهدف (16 و32 و48 و180 و192 و512 بكسل)، إما مقصوصة إلى مربع مركزي أو محشوة بلون خلفية، حسب اختيارك. ثم تُحزم الأحجام الثلاثة الأصغر في ملف favicon.ico واحد باستخدام تنسيق ICO المضمّن بـ PNG، وهو حاوية ثنائية خفيفة يقرأها كل متصفح ونظام تشغيل حالي بشكل صحيح. كل شيء، وصولًا إلى ملف ZIP نفسه، يُجمَّع في متصفحك؛ لا شيء يُرفع.

المشكلات التي تحلها

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

›لماذا أحتاج إلى كل هذه الأحجام المختلفة؟

تطلب المنصات المختلفة أحجامًا مختلفة: عادةً ما تستخدم علامات تبويب المتصفح 16x16 أو 32x32، وتستخدم أيقونات الشاشة الرئيسية في iOS حجم 180x180، وتستخدم مطالبات تثبيت Android Chrome وPWA حجمي 192x192 و512x512. توفير جميعها يعني أن أيقونتك تبدو واضحة في كل مكان بدلاً من أن تكون ممدودة أو ضبابية على بعض الأجهزة.

›ما هو favicon.ico، ولماذا لا يزال مطلوبًا إلى جانب ملفات PNG؟

يمكن لتنسيق .ico تجميع عدة أحجام (16x16، 32x32، 48x48) في ملف واحد، ولا يزال هو الملف الذي تلجأ إليه المتصفحات افتراضيًا إذا لم يتم تحديد رابط أيقونة آخر، بما في ذلك المتصفحات القديمة جدًا وبعض الاختصارات على مستوى نظام التشغيل. تحزم هذه الأداة الأحجام الثلاثة في ملف favicon.ico واحد صالح باستخدام التنسيق الحديث المضمّن بـ PNG الذي يدعمه كل متصفح ونظام تشغيل حالي.

›هل يجب أن أقص أو أحشو صورة غير مربعة؟

يحافظ القص على كل بكسل بملء الإطار لكنه يقص حواف الصورة غير المربعة، وهو جيد عندما يملأ شعارك الإطار بالفعل. يحافظ الحشو على ظهور الصورة بالكامل بإضافة لون خلفية حولها، وهو أفضل عندما يحتوي شعارك على هوامش فارغة أو ليس في المنتصف.

›ما الغرض من site.webmanifest؟

إنه ملف JSON صغير تقرأه أندرويد والمنصات الأخرى لمعرفة اسم موقعك وأيقوناته ولون سمته عندما يضيفه شخص ما إلى شاشته الرئيسية أو يثبته كتطبيق ويب تقدمي. تُنشئ هذه الأداة ملفًا مملوءًا مسبقًا بالأيقونات التي أنشأتها للتو.

›هل يرفع هذا شعاري إلى أي مكان؟

لا. يتم إنشاء كل عملية تغيير حجم، وملف ICO، وملف ZIP نفسه محليًا في متصفحك باستخدام واجهة Canvas API؛ لا تُرسل صورتك أبدًا إلى خادم.

أدوات ذات صلة

Free

صورة

ضبط HSL الصورة

اضبط تدرج اللون والتشبع والإضاءة في صورة باستخدام أشرطة تمرير مباشرة، في متصفحك.

Free

صورة

ضبط HSL الصور دفعياً

طبّق نفس تعديل تدرج اللون والتشبع والإضاءة على صور كثيرة دفعة واحدة، مباشرة في متصفحك.

Free

صورة

إضافة نص إلى الصورة

أضف تسمية نصية مخصصة واحدة أو أكثر إلى صورة، مباشرة في متصفحك.

Free

صورة

إزالة خلفية الصورة (ذكاء اصطناعي)

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

Free

صورة

مخطط الألوان المتناظرة

ولّد لوحة ألوان متجاورة متناغمة من أي لون أساسي، مباشرة في متصفحك.

Free

صورة

مزج الألوان

امزج لونين بتوازن قابل للتعديل، باستخدام مزج RGB بسيط أو مصحح غاما أو HSL.

Free

صورة

تمويه الصورة

ضبّب صورة في متصفحك باستخدام تمويه صندوقي أو غاوسي أو حركي أو شعاعي، ثم حمّل النتيجة.

Free

صورة

مولد صور بإطار ضبابي

ضع صورتك في مربع أو نسبة عرض إلى ارتفاع أخرى دون قص، مع ملء المساحة الإضافية بنسخة مكبرة ومموهة من الصورة.