SVG إلى Favicon

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

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

متجه يدخل، وكل المقاسات النقطية تخرج

ملف SVG هو المصدر المثالي للـfavicon: فهو مستقل عن الدقة، ما يعني أن كل مقاس أيقونة يمكن تنقيطه من الهندسة الأصلية بدل إعادة تعيين عيّناته من صورة نقطية صغيرة أصلًا. أفلِت ملف SVG فيُرسم كل خرج — 16 و32 و48 و180 و192 و512 بكسل — من المتجه بمقاسه الأصلي، ما يبقي الحواف حادّة بدل أن تكون معتمة. وهذا هو الفرق بين أيقونة تبدو مقصودة في التبويب وأخرى تبدو لطخة.

لماذا لا تزال تريد ملف ICO

ستستخدم المتصفحات الحديثة favicon بصيغة SVG مباشرةً دون مشكلة، لكن المتصفحات الأقدم وكثيرًا من الأدوات — قارئات الخلاصات، ومعاينات الروابط في المحادثات، واختصارات سطح المكتب — لا تزال تبحث عن favicon.ico. وتوليد الاثنين من ملف SVG نفسه يغطّي كل الحالات. أضف حشوًا، واختر قناعًا مربعًا أو مستدير الزوايا أو دائريًا وخلفية، ثم نزّل المجموعة الكاملة مع مقتطف HTML جاهز للّصق.

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

هل تُرفع صورتي لإنشاء أيقونة الموقع؟
لا. يُنشأ ملف 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 تلقائيًا.