تحويل SVG إلى أيقونة
يكفي شعار متجه واحد لكل مواضع الأيقونات لديك: أيقونة الموقع (favicon)، واختصار Windows، وتطبيق Mac، وأيقونات التشغيل على الهواتف. تبدأ هذه الصفحة بملف ICO متعدد المقاسات، ويمكنك التبديل إلى ICNS أو PNG للمنصات الأخرى.
محوّل الصور
أو أفلت ملفات JPG, JPEG, JPE … هنا ·
الحد الأقصى 95 MB لكل ملف· حتى 20 ملفًا· تُحذف بعد 30 دقيقة
تُعالج الملفات على خوادمنا وتُحذف بعد 30 دقيقة.
القيمة 85 تُبقي الصور مطابقة للأصل بصرياً. خفّضها فقط عند الحاجة إلى ملف أصغر.
صيغ JPG وBMP وEPS لا تدعم الشفافية. تُملأ البكسلات الشفافة بهذا اللون.
لون سداسي عشري يُستخدم خلف البكسلات الشفافة، مثل #FFFFFF.
هذه الصيغة تحمل صورة واحدة فقط. اختر مخرجات GIF أو WebP إن أردت الاحتفاظ بالحركة.
الأيقونة متعددة الأحجام تحوي عدة دقات في ملف واحد، وتختار المتصفحات وأنظمة التشغيل ما تحتاجه.
أبقِ الأبعاد الأصلية، أو أدخل ضلعاً واحداً وستبقى نسبة الأبعاد.
عدد البكسل للضلع الذي اخترته أعلاه.
نسبة مئوية من الأبعاد الأصلية.
sRGB مناسب للشاشات والويب. أبقِ الأصلي لسير عمل الطباعة؛ ودرجات الرمادي تتخلص من الألوان.
بيانات وصفية فقط، والقيمة 0 تُبقي القيمة الأصلية. تقرأ الطابعات وبعض البوابات هذا الرقم، ولا يغير أبعاد البكسل.
طريقة استخدام هذه الأداة
- 1
ارفع ملف SVG مربعًا
أضف ملف SVG الخاص بشعارك، ويفضّل أن يكون بإطار viewBox مربع. يمكنك إضافة ما يصل إلى 20 ملفًا دفعة واحدة، مثل نسخة فاتحة وأخرى داكنة.
- 2
اختر صيغة الأيقونة
يكون ICO محددًا مسبقًا مع ضبط أحجام الأيقونات على كل الأحجام (16–256). اختر ICNS ضمن التحويل إلى لنظام macOS، أو PNG مع تحديد العرض ضمن تغيير حجم الصورة الناتجة لأيقونة الهاتف أو المتجر.
- 3
حوّل الملف وضع الأيقونات في أماكنها
اضغط تحويل إلى ICO (يتغير النص بحسب الصيغة التي اخترتها)، ثم نزّل الملفات وضع كل ملف في المكان الذي تتوقعه منصته.
لا توجد صيغة واحدة للأيقونات. يستخدم Windows والمتصفحات صيغة ICO، ويستخدم macOS صيغة ICNS، وتستخدم الهواتف مجموعات من صور PNG. والانطلاق من SVG يعني أن كل صيغة تُرسم من جديد من الملف المتجه، بحدة عند كل حجم.
تحويل SVG إلى أيقونة: ملف متجه واحد وثلاثة أنواع من ملفات الأيقونات
ملف الأيقونة حاوية لصور نقطية صغيرة وليس ملفًا متجهًا. يختار نظام التشغيل الصورة الأقرب إلى الحجم الذي يحتاجه، لذا تضم الأيقونة الجيدة عدة صور، كل واحدة مرسومة على شبكتها الخاصة.
يكتب الإعداد المسبق لـ ICO في هذه الصفحة ملفًا واحدًا يضم كل الأحجام من 16 إلى 256 px، وهو يغطي favicon.ico واختصارات Windows. غيّر التحويل إلى إلى ICNS للحصول على حاوية أيقونات Apple، أو إلى PNG للأحجام المنفردة التي يطلبها Android وiOS ومتاجر التطبيقات.
يعرض الجدول ما تنشره أبرز المنصات لخانات الأيقونات لديها.
| الجهة | المتطلب | المصدر |
|---|---|---|
| سطح مكتب Windows وشريط المهام | ICO بعدة أحجام، منها 16 و32 و48 و256 px | — |
| أيقونة الموقع (favicon) | favicon.ico في جذر الموقع بأحجام 16 و32 و48 px؛ وصورة PNG بحجم 180 × 180 px لـ apple-touch-icon | — |
| أيقونة تطبيق macOS | ICNS أو حزمة أصول Xcode، بأحجام تصل إلى 1024 × 1024 px | — |
| صفحة التطبيق في Google Play | صورة PNG بعمق 32 بت وحجم 512 × 512 px، بحد أقصى 1,024 KB | — |
| Apple App Store | صورة PNG بحجم 1024 × 1024 px بدون شفافية | — |
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 إلى أيقونة عندما يكون لديهم شعار متجه واحد ومنصات عدة يخدمونها، لكل منها حاوية أيقونات خاصة بها، من favicon.ico في موقع إلكتروني إلى ICNS على جهاز Mac وصور PNG بأحجام محددة في متاجر التطبيقات.
تحويل SVG إلى ملفات أيقونات لـ Windows و Mac و Android و iOS
أبقِ ICO وأحجام الأيقونات على كل الأحجام. أعد تسمية الناتج إلى favicon.ico لجذر الموقع، أو وجّه إليه نافذة تغيير الأيقونة في اختصار Windows.
- ملف .ico واحد يخدم علامات التبويب والمفضلة وشريط المهام
- أضف صورة PNG بحجم 180 px لإشارات الشاشة الرئيسية في iPhone
اختر ICNS ضمن التحويل إلى. يضم الملف أحجامًا حتى 256 px؛ وبالنسبة إلى حزمة التطبيق، صدّر أيضًا صور PNG بحجم 512 و1024 px لاستخدامها في Xcode.
- استخدم ملف SVG مربعًا مع هامش داخلي
- أيقونات Apple نفسها توضع على مربع بزوايا مستديرة؛ ارسمه في SVG إذا أردت هذا الشكل
اختر PNG واضبط العرض ضمن تغيير حجم الصورة الناتجة، مرة لكل حجم. تحتاج صفحات المتاجر إلى 512 px لـ Google Play و1024 px لـ App Store.
- تستخدم أيقونات Android التكيفية طبقات بحجم 108 dp مع منطقة آمنة بحجم 72 dp
- أزل الشفافية من أيقونة App Store
تصميم ملف SVG يبقى واضحًا بمقاس 16 px
تضم أيقونة بحجم 16 × 16 px ما مجموعه 256 بكسلًا. تحتفظ معظم العلامات التجارية بشعار أيقونة منفصل، وغالبًا ما يكون الرمز وحده أو حرفًا واحدًا، بأشكال عريضة وألوان قليلة؛ وإن لم يكن لديك واحد بعد، فأنشئ نسخة مبسطة من SVG للأيقونات.
تحقق من viewBox قبل التحويل. يؤدي viewBox عريض إلى أيقونة بها شريطان فارغان فوق الشعار وتحته، لذا اقصّه إلى مربع أولًا؛ ويشرح دليل قص الصورة بنسبة محددة القص المربع، ويتيح تحويل SVG إلى PNG معاينة كبيرة سريعة للحكم على التصميم.
الأسئلة الشائعة حول تحويل SVG إلى أيقونة
ما الفرق بين هذه الصفحة وصفحة تحويل SVG إلى ICO؟
يركّز تحويل SVG إلى ICO على ملف .ico الواحد لأيقونات المواقع (favicon) ونظام Windows. أما هذه الصفحة فتغطي كل مكان تُستخدم فيه الأيقونة، بما في ذلك ICNS لنظام macOS وصور PNG ذات الأحجام الثابتة التي يطلبها Android وiOS ومتاجر التطبيقات.
ما صيغة الأيقونة التي يستعملها كل نظام تشغيل؟
يقرأ Windows صيغة ICO، ويقرأ macOS صيغة ICNS أو حزم الأصول المبنية في Xcode، بينما يستقبل Android وiOS صور PNG بأحجام بكسل ثابتة.
هل يمكنني الحصول على كل مقاسات PNG لتطبيقي في تحويل واحد؟
لا. تحتوي صورة PNG على حجم واحد، لذا يكتب كل تحويل عرضًا واحدًا. اضبط تغيير حجم الصورة الناتجة على حجم واحد وحوّل، ثم غيّر الرقم وحوّل من جديد؛ ويُرسم كل حجم بحدة من الملف المتجه.
هل يغطي ملف ICNS من هذه الصفحة أيقونات Mac بشاشات Retina؟
يحتوي على أحجام من 16 حتى 256 px. وتتضمن أيقونات تطبيقات macOS الحالية أيضًا مدخلات بحجم 512 px و1024 px لشاشات Retina، ويبنيها Xcode أو أداة iconutil من Apple انطلاقًا من صور PNG؛ صدّر هذين الحجمين بصيغة PNG من هنا وأضفهما إلى المجموعة.
هل ينبغي أن تحتفظ الأيقونة بخلفية شفافة؟
بالنسبة إلى ICO وICNS وطبقات مشغّل Android، نعم: الشفافية تتيح للنظام رسم خلفيته الخاصة. أما أيقونة iOS في App Store فهي الاستثناء؛ إذ ترفض Apple أيقونة تسويقية بحجم 1024 px تحتوي على قناة ألفا، لذا امنح ملف PNG هذا خلفية صلبة داخل SVG.
لماذا يتحول شعاري المفصّل إلى كتلة غير واضحة في الأيقونة الصغيرة؟
عند 16 أو 32 px لا توجد مساحة للخطوط الرفيعة أو النصوص الصغيرة. اجعل الخطوط أسمك بحيث تغطي بكسلًا كاملًا على الأقل عند أصغر حجم، واحذف الشعار النصي.
المزيد من أدوات تحويل الأيقونات
- تحويل SVG إلى ICOحوّل SVG إلى ICO بكل المقاسات من 16 إلى 256 px مرسومة من المتجه مع الحفاظ على الشفافية. أنشئ favicon.ico أو أيقونة Windows من شعارك.
- تحويل PNG إلى ICNSحوّل صورة PNG إلى أيقونة Apple بصيغة .icns للتطبيقات والسكربتات وأقراص DMG والمجلدات. أحجام متعددة مع الحفاظ على الشفافية ودون Xcode.
- تحويل SVG إلى PNGحوّل شعارات وأيقونات SVG إلى PNG بالعرض الذي تختاره (1024 px افتراضيًا) مع الحفاظ على الخلفية الشفافة، وتعرّف على علاقة DPI بالبكسل.
- تحويل الصورة إلى ICOحوّل أي صورة إلى .ico متعدد المقاسات لأيقونة favicon أو اختصار Windows. يدعم PNG وJPG وSVG وWebP وHEIC وغيرها؛ من 16 إلى 256 px في ملف واحد.
- تحويل ICNS إلى PNGحوّل أيقونات macOS بصيغة .icns إلى PNG اون لاين. تُحفظ أكبر صورة في الأيقونة، حتى 1024 × 1024 px، مع الشفافية. يعمل على Windows أيضًا.
- تحويل PNG إلى ICOحوّل PNG إلى ICO اون لاين: ملف .ico واحد يضم كل المقاسات من 16 إلى 256 px مع الحفاظ على الشفافية. لأيقونات favicon واختصارات Windows. مجانًا وبلا حساب.