مولّد Favicon

ولّد مجموعة favicon كاملة من صورة واحدة — favicon.ico وapple-touch-icon وأيقونات Android/PWA ومقتطف HTML — بالكامل في متصفحك. لا يُرفع أي شيء.

الخصوصية أولًا: تتم معالجة كل صورة محليًا داخل متصفحك. لا يُرفع أي شيء أو يُخزَّن أو يُرسَل إلى أي خادم.

كل أيقونة يحتاجها موقع حديث، دفعة واحدة

لم يعد الـfavicon ملفًا واحدًا. تقرأ المتصفحات favicon.ico صغيرًا للتبويبات وشريط العنوان، ويريد iOS أيقونة apple-touch-icon بمقاس 180×180 للشاشة الرئيسية، بينما يسحب Android وتطبيقات الويب القابلة للتثبيت ملفات PNG بمقاسي 192 و512px من بيان الويب. يبني هذا المولّد كل ذلك من صورة مصدر واحدة ويعطيك مقتطف HTML جاهزًا للّصق، فلا تُصدّر ستة مقاسات يدويًا.

مؤطَّرة كما تريد، ومحفوظة الخصوصية

أبقِ الأيقونة مربعة، أو دوّر زواياها، أو اقتصّها إلى دائرة؛ أضف حشوًا كي لا ينحشر الشعار في الحافة؛ واختر خلفية شفافة أو مصمتة. تعرض المعاينة الحيّة النتيجة بمقاسات favicon الحقيقية، بما في ذلك تبويب متصفح تجريبي. ولأن كل ملف يُولَّد على جهازك، فإن شعارك — وهو غالبًا هوية بصرية لم تُطلق بعد — لا يُرسل إلى أي خادم أبدًا.

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

هل تُرفع صورتي لإنشاء أيقونة الموقع؟
لا. يُنشأ ملف favicon.ico وأيقونات PNG وملف البيان جميعها محليًا في متصفحك باستخدام واجهة Canvas. لا تغادر صورتك جهازك أبدًا.
ما الأحجام والملفات التي أحصل عليها؟
ملف favicon.ico متعدد الدقات (16 و32 و48 بكسل)، وأيقونات PNG بأحجام 16 و32 و48 و180 (apple-touch-icon) و192 و512 بكسل، وملف site.webmanifest، ومقتطف HTML للصقه داخل <head>.
هل يمكنني تحويل PNG أو SVG إلى ICO؟
نعم. أسقط صورة PNG أو JPG أو SVG أو WebP ونزّل ملف favicon.ico حقيقيًا. تُنقَّط شعارات SVG محليًا بدقة عالية أولًا.
أي صورة تعطي أفضل نتيجة؟
صورة مربّعة بشعار بسيط عالي التباين. تُقصّ الصور غير المربّعة من الوسط لتلائم الإطار؛ استخدم أداتي الحشو والشكل لتأطيرها كما تريد.
كيف أثبّت أيقونة الموقع؟
فُكّ ضغط الحزمة في المجلد الجذري لموقعك، والصق مقتطف HTML المرفق داخل <head> في صفحاتك. تلتقط معظم المتصفحات ملف favicon.ico تلقائيًا.