تحويل SVG إلى ICO
البدء من ملف SVG هو أفضل طريقة لصنع أيقونة favicon: يُرسم كل مقاس للأيقونة من جديد انطلاقًا من المتجه بدل تصغيره من صورة نقطية كبيرة، فتبقى نسخة 16 px حادة بقدر ما تسمح به شبكة البكسل.
محوّل الصور
أو أفلت ملفات JPG, JPEG, JPE … هنا ·
الحد الأقصى 95 MB لكل ملف· حتى 20 ملفًا· تُحذف بعد 30 دقيقة
تُعالج الملفات على خوادمنا وتُحذف بعد 30 دقيقة.
القيمة 85 تُبقي الصور مطابقة للأصل بصرياً. خفّضها فقط عند الحاجة إلى ملف أصغر.
صيغ JPG وBMP وEPS لا تدعم الشفافية. تُملأ البكسلات الشفافة بهذا اللون.
لون سداسي عشري يُستخدم خلف البكسلات الشفافة، مثل #FFFFFF.
هذه الصيغة تحمل صورة واحدة فقط. اختر مخرجات GIF أو WebP إن أردت الاحتفاظ بالحركة.
الأيقونة متعددة الأحجام تحوي عدة دقات في ملف واحد، وتختار المتصفحات وأنظمة التشغيل ما تحتاجه.
أبقِ الأبعاد الأصلية، أو أدخل ضلعاً واحداً وستبقى نسبة الأبعاد.
عدد البكسل للضلع الذي اخترته أعلاه.
نسبة مئوية من الأبعاد الأصلية.
sRGB مناسب للشاشات والويب. أبقِ الأصلي لسير عمل الطباعة؛ ودرجات الرمادي تتخلص من الألوان.
بيانات وصفية فقط، والقيمة 0 تُبقي القيمة الأصلية. تقرأ الطابعات وبعض البوابات هذا الرقم، ولا يغير أبعاد البكسل.
طريقة استخدام هذه الأداة
- 1
ارفع شعار SVG
استخدم الشعار الرمزي أو الأحرف الأولى، لا الشعار النصي الكامل. يعطي المربع في viewBox أنظف نتيجة.
- 2
أبقِ جميع مقاسات الأيقونة
يبدأ خيار أحجام الأيقونات من كل الأحجام (16–256)، وهو يجمع كل الأبعاد في ملف .ico واحد. اختر حجمًا واحدًا فقط عندما يطلب برنامج حجمًا واحدًا بعينه.
- 3
اضغط تحويل إلى ICO
احفظ الملف باسم favicon.ico في المجلد الجذر لموقعك، أو اجعل اختصار Windows يشير إليه.
كيف أحوّل SVG إلى ICO لأيقونة الموقع (favicon)؟
ارفع ملف SVG، وأبقِ أحجام الأيقونات على كل الأحجام (16–256)، ثم اضغط التحويل إلى ICO. تحصل على ملف .ico واحد بكل الأبعاد مرسومة من المتجه، مع بقاء الشفافية.
تحويل SVG إلى ICO: لماذا المتجه هو المصدر الأنسب
يعود تنسيق .ico إلى الإصدارات الأولى من Windows، وتعود عادة favicon.ico إلى Internet Explorer 5 عام 1999، الذي كان يبحث عن ملف بهذا الاسم في جذر كل موقع تضيفه إلى المفضلة. ICO حاوية صغيرة: دليل لإدخالات، كل منها صورة نقطية مربعة مستقلة، فيستطيع ملف واحد أن يضم أيقونة تبويب 16 px وأيقونة سطح مكتب 256 px معًا. ورفع Windows Vista الحد الأقصى إلى 256 × 256 وسمح بتخزين الإدخالات الكبيرة بصيغة PNG.
ولأن كل إدخال صورة نقطية مستقلة، فجودة الأيقونة تتوقف على طريقة إنتاج كل حجم. فمن PNG يكون كل حجم تصغيرًا للبكسلات نفسها. ومن SVG يكون كل حجم رسمًا جديدًا للمسارات، مع حساب تنعيم الحواف لتلك الشبكة بالضبط. وعند 16 × 16 px، حيث لا يملك الشعار سوى 256 بكسل، يكون هذا الفرق واضحًا.
16 × 16 px
16 × 16
علامات تبويب المتصفح والمفضلة وقوائم السجل.
32 × 32 px
32 × 32
علامات التبويب على الشاشات عالية الكثافة، واختصارات شريط مهام Windows.
64 × 64 px
64 × 64
عروض سطح المكتب المكبّرة والعناصر المثبتة.
128 × 128 px
128 × 128
المعاينات الكبيرة في مديري الملفات.
256 × 256 px
256 × 256
أكبر إدخال في ICO؛ أيقونات Explorer الكبيرة جدًا.
SVG
رسومات متجهة قابلة للتحجيم (SVG)
SVG صيغة متجهة قائمة على XML اعتمدها W3C عام 2001. فهي تصف الأشكال والمسارات والنصوص بدل البكسلات، فتبقى حادة بأي حجم، وغالبًا ما تكون صغيرة جدًا للشعارات والأيقونات. وتدعم الشفافية وتنسيق CSS والبرمجة والحركة، وتعرضها كل المتصفحات مباشرةً. لا يناسب SVG الصور الفوتوغرافية، وقد يبطؤ عرض الرسومات المعقدة. يمكن فتحه وتحريره في Illustrator وInkscape وFigma والمتصفحات.
- الضغط
- –
- الشفافية
- نعم
- الحركة
- نعم
- سنة الظهور
- 2001 · W3C
ICO
أيقونة Windows (ICO)
ICO هو تنسيق الأيقونات من Microsoft المستخدم لأيقونات برامج Windows وأيقونات المواقع favicon. يمكن أن يحتوي ملف .ico الواحد على عدة صور بمقاسات مختلفة، مثل 16×16 و32×32 و48×48 و256×256 بكسل، ليختار النظام الأنسب. يمكن تخزين كل صورة كخريطة بتات أو كبيانات PNG، وتدعم الشفافية الكاملة بقناة ألفا. لم يُصمم ICO للصور الفوتوغرافية أو الأعمال الفنية الكبيرة. تقرؤه المتصفحات وWindows ومعظم محررات الأيقونات.
- الضغط
- دون فقدان
- الشفافية
- نعم
- الحركة
- لا
- سنة الظهور
- Microsoft
يحوّل الناس SVG إلى ICO لأن شعارهم موجود كمتجه، بينما جذر الموقع أو اختصار Windows أو تطبيق سطح المكتب ما زال يتوقع ملف .ico واحدًا يضم عدة أحجام من الصور النقطية.
جهّز ملف SVG قبل تحويل SVG إلى ICO
| افعل | لا تفعل |
|---|---|
اضبط viewBox على مربع، مثل 0 0 512 512. | لا تعتمد على خطوط شعرية تختفي دون 32 px. |
| اترك هامشًا صغيرًا حتى لا يلامس الرمز حافة الأيقونة. | لا تُبقِ شعارًا نصيًا عريضًا يتحول إلى بقعة رفيعة. |
| حوّل النص إلى مسارات حتى لا يتغير الخط. | لا تشِر إلى صور خارجية أو خطوط ويب داخل SVG. |
| استخدم الرمز أو الأحرف الأولى، لا الاسم الكامل. | لا تضف مستطيلًا أبيض خلف الشعار إلا إذا أردته ظاهرًا في التبويبات الداكنة أيضًا. |
يرسم المحوّل ما يصفه SVG فقط، لذلك لا يمكنه جلب الملفات المرتبطة ولا الخطوط غير المضمّنة. تستطيع أدوات التصميم مثل Figma وIllustrator وInkscape تصدير النص كمسارات؛ افعل ذلك لتطابق الحروف علامتك التجارية في كل مكان.
بعد إنشاء ملف .ico، أضف صورة PNG بحجم 180 px لأيقونات Apple touch، وملف SVG نفسه للمتصفحات التي تدعم أيقونات المتجهات؛ ويُنتج تحويل SVG إلى PNG ملف PNG بأي حجم. وإذا كان مصدرك شعارًا نقطيًا، فإن تحويل PNG إلى ICO يؤدي المهمة نفسها انطلاقًا من البكسلات.
تحويل SVG إلى ICO: أسئلة شائعة
لماذا أستخدم محول SVG إلى ICO بدل البدء من صورة PNG؟
تحتاج صورة PNG إلى تصغير لكل حجم من أحجام الأيقونة، والتصغير يُضعف حدة الحواف. أما SVG فيُرسم مباشرة بأحجام 16 و32 و64 و128 و256 px، فيحصل كل حجم على حواف حادة تناسب شبكة بكسلاته.
هل ما زالت المتصفحات تحتاج إلى favicon.ico إذا كان لموقعي أيقونة SVG؟
يقرأ Chrome وFirefox أيقونة SVG المعلنة بوسم link، لكن كثيرًا من المتصفحات وقارئات الخلاصات وبرامج الزحف ما زالت تطلب /favicon.ico من جذر الموقع افتراضيًا. توفير الاثنين معًا يغطي كل الحالات.
ماذا يحدث إذا لم يكن ملف SVG مربعًا؟
خانات الأيقونات مربعة، لذلك يظهر الشعار العريض إما بهوامش فارغة أو صغيرًا جدًا. عدّل قيمة viewBox أولًا لتتساوى العرض والارتفاع، أو اقتص نسخة مربعة بأداة قص الصورة بعد تصدير PNG.
هل تبقى الخلفية الشفافة في ملف ICO؟
نعم. يخزّن ICO قناة ألفا، فتبقى المناطق غير المعبأة في SVG شفافة وتظهر الأيقونة بوضوح على علامات تبويب المتصفح الفاتحة والداكنة.
هل يمكنني تحويل SVG إلى ICO لأيقونة برنامج أو مجلد في Windows؟
نعم، الملف نفسه يصلح. يقرأ Windows صورة 256 px لعروض Explorer الكبيرة والكبيرة جدًا، والإدخالات الأصغر للقوائم وشريط المهام.
لماذا تبدو أيقونتي فارغة بمقاس 16 px؟
تختفي الخطوط الرفيعة والنصوص الصغيرة عند هذا الحجم. فخط بسمك وحدتين في لوحة 512 وحدة يُرسم بأقل بكثير من بكسل واحد في أيقونة 16 px. زد سمك الخطوط أو استخدم رمزًا أبسط للأيقونة.
محولات أيقونات أخرى
- تحويل PNG إلى ICOحوّل PNG إلى ICO اون لاين: ملف .ico واحد يضم كل المقاسات من 16 إلى 256 px مع الحفاظ على الشفافية. لأيقونات favicon واختصارات Windows. مجانًا وبلا حساب.
- تحويل JPG إلى ICOحوّل صورة JPG أو JPEG إلى ملف .ico يضم مقاسات 16 و32 و64 و128 و256 px لأيقونة favicon لموقعك أو اختصار في Windows. بدون حساب.
- تحويل ICO إلى PNGحوّل ملفات .ico إلى PNG مع الحفاظ على الخلفية الشفافة. تُستخرج أكبر صورة مخزنة في الأيقونة لتخرج أيقونات favicon و Windows واضحة.
- تحويل SVG إلى PNGحوّل شعارات وأيقونات SVG إلى PNG بالعرض الذي تختاره (1024 px افتراضيًا) مع الحفاظ على الخلفية الشفافة، وتعرّف على علاقة DPI بالبكسل.
- تحويل PNG إلى ICO بمقاس 256x256أنشئ ملف ICO بمقاس 256 × 256 من PNG لأيقونات Windows الكبيرة جدًا وبرامج التثبيت وتطبيقات Electron. مع الحفاظ على الشفافية ودون حساب.
- تحويل الصورة إلى ICOحوّل أي صورة إلى .ico متعدد المقاسات لأيقونة favicon أو اختصار Windows. يدعم PNG وJPG وSVG وWebP وHEIC وغيرها؛ من 16 إلى 256 px في ملف واحد.