محول SVG إلى ICO
أفلت ملف SVG أدناه لتحصل على ملف ICO. يُرسم التصميم المتجه مباشرةً بكل حجم تختاره من 16 إلى 256 px، فتأتي كل أيقونة داخل ملف .ico مضبوطة على شبكة البكسلات الخاصة بها بدلًا من تصغيرها من صورة نقطية كبيرة واحدة. استخدم النتيجة ملفَّ favicon.ico أو أيقونةً لنظام Windows. ويبقى ملف SVG الذي تضيفه من جهازك داخل متصفحك.
افحص ملف SVG قبل التحويل
- أضف إليه viewBox. يحتاج عنصر svg الجذر إلى السمة viewBox كي يتمكن الرسم من التحجيم إلى مربع. ومن دونها قد تظهر الأيقونة مقصوصة أو منزاحة عن المركز أو فارغة.
- حوّل النص إلى مسارات. يُعرض النص القابل للتحرير بأي خطوط مثبتة في المتصفح. حوّل النص إلى مسارات في Figma أو Illustrator أو Inkscape لتبدو الحروف متطابقة على كل جهاز.
- ضمّن الصور والأنماط داخل الملف. المتصفح الذي يرسم ملف SVG على لوحة canvas لا يحمّل الصور المرتبطة ولا أوراق الأنماط الخارجية، فتختفي من الأيقونة. ضمّن الصور بصيغة data URI واحتفظ بتنسيقات CSS داخل الملف.
- بسّط التصميم لحجم 16 px. الحدود الأرق من بكسل واحد تتحول إلى رمادي باهت عند 16 و32 px. إذا كانت الأيقونة ستُرى غالبًا في تبويب المتصفح، فاجعل الخطوط الرفيعة أسمك واحذف التفاصيل الدقيقة قبل التحويل.
كيفية تحويل SVG إلى ICO
- أضف ملف SVG. اسحبه إلى مربع الرفع، أو اختره من جهازك، أو ألصقه. تُقبل الملفات حتى 10 MB.
- اختر الأحجام. احتفظ بالأحجام 16 و32 و48 px لأيقونة الموقع. وأضف 256 px إذا كان Windows سيعرضها أيقونةً لتطبيق.
- اختر وضع القياس. يُبقي «Contain» الشعار كاملًا داخل المربع. اترك الخلفية على «شفاف» ما لم ترغب في لون أبيض خلفه.
- حوّل واحفظ. انقر على «تحويل»، ثم نزّل ملف .ico. ويمكن حفظ عدة ملفات SVG معًا في ملف ZIP عبر «تنزيل الملفات».
أسئلة حول تحويل SVG إلى ICO
لماذا يظهر ملف ICO فارغًا أو تنقصه أجزاء؟
غالبًا ما يكون السبب أن ملف SVG يخلو من viewBox، أو يرتبط بصورة أو ورقة أنماط خارجية، أو يستخدم خطًا غير موجود في متصفحك. أصلح ذلك في ملف SVG ثم حوّله مرة أخرى. ويتناول دليل حل مشكلات تحويل SVG إلى ICO كل حالة على حدة.
هل يبقى ملف ICO متجهًا؟
لا. يحتوي ملف ICO على صور نقطية بأحجام ثابتة، لذا يُحوَّل ملف SVG إلى صورة نقطية مرة واحدة لكل حجم تختاره. احتفظ بملف SVG نسخةً أصلية لديك.
هل ستكون الأيقونة حادة عند 16 px؟
تُرسم مباشرة بحجم 16 × 16، وهذا أقصى ما يسمح به هذا الحجم من حدة. لكن التفاصيل الأدق من بكسل واحد لا يمكن الحفاظ عليها، لذا بسّط الخطوط الرفيعة أولًا.
هل أستخدم أيقونة موقع بصيغة SVG بدلًا من ذلك؟
تقبل معظم المتصفحات الحالية أيقونة موقع بصيغة SVG عبر وسم link، لكن كثيرًا من الأدوات والمتصفحات الأقدم ما زالت تطلب /favicon.ico. لذلك تستخدم مواقع كثيرة الاثنين معًا: SVG للمتصفحات الحديثة وICO احتياطيًا.
للاطلاع على شرح خطوة بخطوة مع نصائح لأدوات التصميم، اقرأ دليل تحويل SVG إلى ICO.
لديك ملف PNG بدلًا من ذلك؟ استخدم محول PNG إلى ICO.
يقبل محول ICO في الصفحة الرئيسية ملفات JPG وWebP وGIF وBMP وAVIF أيضًا.