منشئ Favicon
Freeارفع صورة واحصل على حزمة favicon كاملة: favicon.ico، وكل حجم PNG تتوقعه المتصفحات والأجهزة، وapple-touch-icon، وأيقونات Android، وsite.webmanifest، وHTML للصقه، كل ذلك في ملف ZIP واحد.
يعمل بالكامل في متصفحك. صورتك لا تُرفع إلى أي مكان أبدًا.
انقر لاختيار صورة، أو اسحبها وأفلتها هنا
الصورة المربعة تعمل بشكل أفضل، لكن أي حجم أو شكل مناسب.
الصور غير المربعة
تفاصيل التطبيق (لـ site.webmanifest)
الأحجام المُنشأة
النشاط الأخير
مرئي للجميع. آخر 20 استخدامًا من جميع الزوار، الأحدث أولاً.
Favicon set generated
منذ ساعة
Favicon set generated
منذ ساعة
Favicon set generated
منذ ساعة
Favicon set generated
منذ ساعة
ماذا تفعل هذه الأداة
ارفع شعارًا أو صورة، وستنشئ هذه الأداة حزمة 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 نفسه، يُجمَّع في متصفحك؛ لا شيء يُرفع.
المشكلات التي تحلها
- إنشاء كل حجم favicon يحتاجه موقع حديث من صورة مصدر واحدة، بدلاً من تغيير حجم كل واحدة يدويًا.
- إنتاج favicon.ico متعدد الأحجام ومنظم بشكل صحيح دون برامج صور متخصصة.
- الحصول على site.webmanifest جاهز للاستخدام وعلامات HTML المطابقة، وليس فقط ملفات الصور.
- معاينة كيف ستبدو الأيقونة فعليًا في علامة تبويب المتصفح قبل نشرها.
الأسئلة الشائعة
›لماذا أحتاج إلى كل هذه الأحجام المختلفة؟
تطلب المنصات المختلفة أحجامًا مختلفة: عادةً ما تستخدم علامات تبويب المتصفح 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؛ لا تُرسل صورتك أبدًا إلى خادم.
أدوات ذات صلة
صورة
ضبط HSL الصورة
اضبط تدرج اللون والتشبع والإضاءة في صورة باستخدام أشرطة تمرير مباشرة، في متصفحك.
Freeصورة
ضبط HSL الصور دفعياً
طبّق نفس تعديل تدرج اللون والتشبع والإضاءة على صور كثيرة دفعة واحدة، مباشرة في متصفحك.
Freeصورة
إضافة نص إلى الصورة
أضف تسمية نصية مخصصة واحدة أو أكثر إلى صورة، مباشرة في متصفحك.
Freeصورة
إزالة خلفية الصورة (ذكاء اصطناعي)
أزل خلفية صورة تلقائيًا باستخدام نموذج ذكاء اصطناعي يعمل على الجهاز، مباشرة في متصفحك.
Freeصورة
مخطط الألوان المتناظرة
ولّد لوحة ألوان متجاورة متناغمة من أي لون أساسي، مباشرة في متصفحك.
Freeصورة
مزج الألوان
امزج لونين بتوازن قابل للتعديل، باستخدام مزج RGB بسيط أو مصحح غاما أو HSL.
Freeصورة
تمويه الصورة
ضبّب صورة في متصفحك باستخدام تمويه صندوقي أو غاوسي أو حركي أو شعاعي، ثم حمّل النتيجة.
Freeصورة
مولد صور بإطار ضبابي
ضع صورتك في مربع أو نسبة عرض إلى ارتفاع أخرى دون قص، مع ملء المساحة الإضافية بنسخة مكبرة ومموهة من الصورة.
التعليقات (0)
هل وجدت هذه الأداة مفيدة؟ اترك تعليقًا، أو شارك نصيحة، أو أخبرنا كيف يمكننا تحسينها.
لا توجد تعليقات بعد. كن أول من يشارك رأيه!