مولّد أيقونة الموقع – ICO وPNG وmanifest
اختر شعارك، فتُجهَّز كل الأيقونات التي يحتاجها تبويب المتصفح والشاشة الرئيسية للهاتف وAndroid، مع site.webmanifest، في ملف ZIP واحد. لا تغادر صورتك جهازك.
- PNG→ يصبح ICO
- حتى 10 MB
- بدون تسجيل
- يعمل على جهازك
36 مولّد أيقونة الموقع (Favicon)
- 01 اختر
- 02 عالِج
- 03 نزّل
تُعالَج على جهازك · بلا رفع
فتحت الصفحة داخل تطبيق. للتنزيل دون مشاكل افتح قائمة ••• واختر الفتح في المتصفح.
الحالة الآن
جارٍ قراءة الملف
النتيجة
جاهز.
0ملف في ZIP
0 Bبياناتك المُرسَلة إلى خادمنا: 0 بايت · تمت المعالجة على جهازكلماذا 0: قاعدة الأمان في هذه الصفحة تمنع إرسال البيانات على مستوى المتصفح؛ وتجري المعالجة كلها في علامة التبويب هذه. CSP · connect-src 'none' · form-action 'none'
تعذّر التحويل.
قد تختفي التفاصيل الدقيقة جدًا في مقاس 16 بكسل؛ العلامة البسيطة أوضح في المقاسات الصغيرة.
- تجري المعالجة في علامة التبويب هذه على جهازك.
- تصلك ICO وصور PNG وmanifest وأسطر HTML في ZIP واحد.
- لا يُرسَل أي ملف إلى خادمنا؛ وعند إغلاق علامة التبويب يُمحى كل شيء.
اختر شعارًا أولًا
المراحل
- جارٍ قراءة الملف
- جارٍ رسم الأيقونات
- جارٍ تجهيز الملف
ماذا بعد؟
تصغير صورةJPG→ يصبح KB- ملفك لا يغادر جهازك
- لا رفع إلى خادمنا
- مجاني وبدون تسجيل
01
ما ملفات Favicon التي يحتاجها الموقع؟
أيقونة الموقع (Favicon) هي الأيقونة الصغيرة التي تظهر بجانب اسم الموقع في تبويب المتصفح والإشارات المرجعية ونتائج البحث. ولا يكفي ملف واحد: فالمتصفحات القديمة والحديثة تبحث عن favicon.ico، ويبحث iPhone وiPad عن apple-touch-icon بمقاس 180 بكسل عند إضافة الموقع إلى الشاشة الرئيسية، ويحتاج Android وتطبيقات الويب القابلة للتثبيت إلى أيقونات 192 و512 بكسل وملف site.webmanifest.
المقاسات الصغيرة هي الأصعب: فالشعار المصغّر إلى 16 بكسل قد يصبح ضبابيًا أو يفقد تفاصيله الدقيقة. وفي الشاشة الرئيسية لـiPhone تظهر المناطق الشفافة سوداء، لذا يحتاج apple-touch-icon إلى خلفية مصمتة.
ترسم هذه الأداة شعارك (PNG أو SVG أو JPG أو WEBP) مرة واحدة بمقاس 1024 بكسل، ثم تصغّره إلى النصف خطوة بعد خطوة حتى كل مقاس، فتبقى الأيقونات الصغيرة حادة. ويمكنك اختيار لون الخلفية والهامش والشكل (مربع أو زوايا مستديرة أو دائرة) ورؤية النتيجة في معاينة لتبويب المتصفح والشاشة الرئيسية. تصلك favicon.ico وصور PNG وsite.webmanifest وأسطر HTML لصفحتك في ملف ZIP واحد. تُعالج الصورة في متصفحك.
02
تجهيز مجموعة Favicon في 3 خطوات
اختر شعارك: اختر ملف PNG أو SVG أو JPG أو WEBP مربعًا أو قريبًا من المربع (حتى 10 MB). أفضل نتيجة تأتي من SVG أو PNG لا يقل عن 512 بكسل.
اضبط الشكل: اترك الخلفية شفافة أو اختر لونًا، وحدّد الهامش والشكل (مربع أو مستدير الزوايا أو دائرة). تتحدّث المعاينات فورًا.
نزّل ملف ZIP: يعطيك «إنشاء مجموعة Favicon» كل الملفات في ZIP واحد. ضعها في المجلد الجذر لموقعك والصق أسطر HTML في قسم <head> من صفحتك.
03
لمن تفيد؟
المواقع والمدونات: تجهيز أيقونة التبويب والإشارات المرجعية لموقع جديد.
المتاجر الإلكترونية: تحويل شعار المتجر إلى المقاسات المناسبة للتبويب ونتائج البحث والشاشة الرئيسية.
تطبيقات الويب: إنشاء أيقونات 192 و512 بكسل وملف manifest لتطبيق ويب قابل للتثبيت (PWA).
الوكالات والمصممون: تسليم مجموعة Favicon كاملة من شعار العميل خلال دقائق.
المطوّرون: الحصول على الملفات وأسطر <head> جاهزة للمشروع.
الصفحات الشخصية: إضافة أيقونة بالأحرف الأولى من اسمك إلى موقع أعمالك أو سيرتك الذاتية.
04
المقاسات والجودة والحدود
الملفات الناتجة: favicon.ico (16 و32 و48 بكسل) وfavicon-16x16.png وfavicon-32x32.png وapple-touch-icon.png (180 بكسل) وandroid-chrome-192x192.png وandroid-chrome-512x512.png وsite.webmanifest وأسطر HTML. وإذا قدّمت SVG يُضاف favicon.svg أيضًا.
الحدّة: تُرسم الصورة أولًا بمقاس 1024 بكسل ثم تُصغّر إلى النصف خطوة بعد خطوة، فتخرج الأيقونات الصغيرة أوضح من التصغير دفعة واحدة. ومع ذلك قد تختفي الخطوط الرفيعة جدًا في مقاس 16 بكسل، والعلامة البسيطة أوضح في هذا المقاس.
الشفافية: يحافظ PNG وICO على الشفافية. أما apple-touch-icon فيكون مصمتًا دائمًا كي لا يظهر أسود في iPhone، ويُستخدم الأبيض إذا لم تختر خلفية.
الصورة الأصلية: تُوسَّط الصور غير المربعة دون قصّ. وقد تبدو الأيقونات الكبيرة ضبابية مع الصور الأصغر من 256 بكسل، وتنبّهك الأداة إلى ذلك.
صيغة ICO: تُحفظ الصور داخل ICO بصيغة PNG، وهي صيغة تقرؤها كل المتصفحات الحالية وWindows منذ Vista.
الخصوصية والحدود: يصل حجم الصورة إلى 10 MB. لا يُرفع شعارك ولا يُحفظ، وتُنشأ كل الملفات في متصفحك.
05
الخصوصية والحذف التلقائي
لا ترسل هذه الأداة ملفك إلى خادمنا: تجري المعالجة كلها في متصفحك على جهازك. وتُقدَّم الصفحة بسياسة أمان (Content-Security-Policy) تمنع تقنيًا إرسال محتوى الملف إلى أي مكان؛ ولا تعمل في هذه الصفحة أي نصوص برمجية للتحليلات أو الإعلانات.
ويُنشأ ملف النتيجة أيضًا على جهازك ولا ينزّله أحد سواك. ويُمحى من ذاكرة المتصفح عند إغلاق علامة التبويب أو عند اختيار «ملف جديد». ولا يحتفظ خادمنا بأي سجل لاسم الملف أو محتواه في هذه العملية.
06
الأسئلة الشائعة
ما المقاسات المناسبة لأيقونة الموقع؟
16 و32 بكسل للتبويبات والإشارات المرجعية (و48 داخل favicon.ico)، وapple-touch-icon بمقاس 180 بكسل لشاشة iPhone الرئيسية، و192 و512 بكسل لـAndroid وتطبيقات الويب القابلة للتثبيت. تنشئها الأداة كلها دفعة واحدة.
كيف أضيف الأيقونة إلى موقعي؟
ارفع ملفات ZIP إلى المجلد الجذر لموقعك (مباشرة تحت النطاق)، والصق أسطر HTML من الأداة في قسم <head> من صفحتك. وفي أنظمة مثل WordPress يكفي رفع صورة PNG بمقاس 512 بكسل في خانة «أيقونة الموقع».
هل يمكن إنشاء الأيقونة من شعار SVG؟
نعم، ويعطي SVG أفضل نتيجة لأن كل مقاس يُرسم من المتجه. وتضيف الأداة أيضًا favicon.svg الذي تعرضه المتصفحات الداعمة بوضوح على كل شاشة.
لماذا تظهر أيقونتي بخلفية سوداء على iPhone؟
لا يدعم iOS الشفافية في أيقونات الشاشة الرئيسية ويعرض المناطق الشفافة بالأسود. لذلك تنشئ الأداة apple-touch-icon مصمتًا دائمًا، وتستخدم الأبيض إذا لم تختر خلفية. ويمكنك اختيار لون علامتك التجارية.
غيّرت الأيقونة لكن المتصفح ما زال يعرض القديمة، لماذا؟
تحتفظ المتصفحات بالأيقونة في الذاكرة المؤقتة طويلًا. أعد التحميل قسرًا (Ctrl+F5، أو ⌘+Shift+R على Mac)، أو افتح الصفحة في نافذة خاصة، أو أضف شيئًا مثل ?v=2 إلى اسم الملف في سطر HTML.
هل يُرفع شعاري إلى خادم؟
لا. تُرسم الصورة في متصفحك وتُنشأ كل الملفات هناك، وتصل الصفحة مع سياسة أمان تمنع تقنيًا أي اتصال خارجي. لذا يمكنك استخدامها حتى مع علامة تجارية لم تُعلن بعد.