محسّن SVG

تحمل الأيقونات والشعارات المُصدَّرة من برامج تصميم مثل Illustrator وFigma وSketch كمًّا كبيرًا من العناصر الزائدة التي لا علاقة لها بشكل الصورة: بيانات وصفية من المحرر، تعليقات XML، أغلفة مجموعات (groups) لا داعي لها، إحداثيات مكتوبة بخمس عشرة خانة عشرية، ومعرّفات (id) لا يشير إليها أحد. لا يؤثر أي من ذلك على طريقة عرض الصورة، لكنه يزيد حجم كل تنزيل — وإذا كان موقعك يستخدم عشرات أيقونات SVG، فإن هذا العبء الزائد يتراكم بسرعة.

تشغّل هذه الأداة svgo، وهو نفس محرك التحسين الذي يقف خلف SVGOMG، بالكامل داخل متصفحك. الصق كود SVG أو أفلت ملفًا، فتقوم الأداة بإزالة التعليقات وفوضى المحرر، ودمج المسارات حيثما أمكن، وطي المجموعات الزائدة، وتقريب الإحداثيات إلى الدقة التي تحددها — كل ذلك دون أن تغادر البيانات جهازك أبدًا. لا توجد خطوة رفع ولا خادم متورط، لذا تعمل الأداة بنفس الكفاءة سواء كانت الصورة شعارًا خاصًا بعميل أو أيقونة عامة.

الإعدادات الافتراضية متحفظة عمدًا: فهي تحافظ على viewBox (لتظل الأيقونة قابلة للتحجيم بشكل صحيح أينما استُخدمت) وتُبقي width/height كما هما. تفعيل خيار "إزالة width/height" مفيد عند تضمين SVG بشكل مضمّن (inline) وتحديد حجمه عبر CSS، لأن الأبعاد الثابتة على العنصر الجذر قد تتعارض مع ورقة الأنماط الخاصة بك. يشغّل التمرير المتعدد (Multipass) أداة التحسين أكثر من مرة، فيلتقط توفيرات إضافية لا تظهر إلا بعد أن يبسّط التمرير الأول الكود — تركه مفعّلًا نادرًا ما يضر.

تحدد الدقة عدد الخانات العشرية التي تبقى في إحداثيات المسارات؛ خفضها يقلّص حجم الملف أكثر لكنه قد يسبب انحرافًا بصريًا طفيفًا في الرسومات الدقيقة جدًا، لذا يُستحسن التحقق من المعاينة المباشرة بعد تعديلها. بالنسبة لمعظم الأيقونات والشعارات، تؤدي الإعدادات الافتراضية وحدها عادةً إلى تقليص حجم الملف بنسبة 40–60% دون أي فرق مرئي — استخدم المعاينة وعداد الحجم قبل/بعد للتأكد من ذلك قبل التنزيل.