ملفات SVG أصغر تبدو مطابقة تمامًا
ملفات SVG المصدّرة من Illustrator أو Figma أو Inkscape أو Sketch تحمل وزنًا كبيرًا لا يرسمه المتصفح أبدًا: بيانات وصفية من المحرر، وتعليقات، وطبقات مخفية، وأرقام بثماني خانات عشرية، ومجموعات داخل مجموعات. يشغّل هذا المحسّن SVGO — الأداة القياسية لتحسين SVG — في متصفحك لإزالة كل ذلك، ويعرض النتيجة بجوار الأصل لترى أن لا شيء تغيّر سوى الحجم.
كيف تحسّن ملف SVG
- 1أسقط ملف SVG واحدًا أو أكثر، أو اخترها، أو الصق كود SVG.
- 2راجع معاينة ما قبل وما بعد، والحجم الذي وُفّر في كل ملف.
- 3اخفض الدقة للحصول على ملفات أصغر، وارفعها إذا بدأت المنحنيات تبدو خاطئة.
- 4شغّل إضافات SVGO أو أوقفها كلًّا على حدة — مثلًا، احذف width وheight ليتغيّر حجم SVG عبر CSS.
- 5نزّل ملف SVG المحسّن، أو انسخ الكود، أو نزّل كل الملفات دفعة واحدة في ملف ZIP.
ما الذي يُحذف
- بيانات المحرر
- البيانات الوصفية، والتعليقات، وتعريف XML وdoctype، ومساحات الأسماء والسمات التي يضيفها Inkscape وIllustrator وSketch لاستخدامها الخاص.
- كود زائد
- المجموعات والسمات الفارغة، والقيم الافتراضية، والعناصر المخفية، والتعريفات والمعرّفات غير المستخدمة، والمجموعات التي تحيط بعنصر واحد فقط.
- هندسة مطوّلة
- تُعاد كتابة بيانات المسارات بأوامر نسبية وأرقام أقل، وتتحول الأشكال إلى مسارات أقصر، وتُدمج التحويلات في الإحداثيات متى أمكن.
إعدادات افتراضية آمنة وخيارات أقوى
المجموعة الافتراضية هي الإعداد المسبق الخاص بـ SVGO نفسه، وقد اختير بحيث تبقى الصورة دون تغيير. الخيارات الإضافية تذهب أبعد لكنها تغيّر أكثر من الحجم: حذف width وheight يجعل SVG يملأ الحاوية، وحذف العنوان يخفي اسمه عن قارئات الشاشة، وحذف xmlns يناسب فقط SVG الملصق مباشرة داخل HTML.
لتحويل صورة نقطية إلى SVG أولًا، استخدم محوّل الصور الذي يمكنه إرسال SVG مباشرة إلى هنا؛ ولتضمين النتيجة، استخدم تحويل الصورة إلى Base64.
الأسئلة الشائعة
- هل هذه الأداة هي نفسها SVGO أو SVGOMG؟
- إنها تشغّل SVGO نفسه، وهو المحرك ذاته الذي يستخدمه SVGOMG، بإعداده المسبق الافتراضي والإضافات نفسها على شكل مفاتيح تشغيل. كل شيء يعمل في متصفحك.
- هل سيغيّر التحسين شكل ملف SVG؟
- ليس مع الإعدادات الافتراضية. الدقة المنخفضة جدًا قد تشوّه المنحنيات الدقيقة، وبعض الخيارات الإضافية تغيّر الأبعاد أو إمكانية الوصول — ومعاينة ما قبل وما بعد تُظهر الفرق فورًا.
- هل يمكنني تحسين عدة ملفات SVG دفعة واحدة؟
- نعم. أسقط ما تشاء منها، وغيّر الإعدادات مرة واحدة لها جميعًا، ونزّلها معًا في ملف ZIP.
- لماذا يُعرض الحجم بعد gzip؟
- خوادم الويب عادةً ترسل SVG مضغوطًا بـ gzip، لذا فهذا الحجم أقرب إلى ما يُنزّله الزوار فعلًا.
- هل تُرفع ملفاتي؟
- لا. يعمل SVGO في متصفحك ولا تغادر الملفات جهازك أبدًا.