محسّن SVG (SVGO)
حسّن شيفرة SVG وصغّرها بـ SVGO داخل متصفحك. يزيل البيانات الوصفية للمحررات والتعليقات والوسوم الزائدة ويعرض الحجم الموفَّر مع معاينة.
يستخدم الإعداد الافتراضي لـ SVGO الذي يحافظ على viewBox والعناوين وأوصاف إمكانية الوصول.
يعمل بالكامل في متصفحك. لا يتم رفع بياناتك أبدًا.
ما هو محسّن SVG؟
يشغّل محسّن SVG مكتبة SVGO، المكتبة القياسية لتحسين SVG، على شيفرتك. يزيل البيانات الوصفية للمحررات والتعليقات والعناصر المخفية والفارغة، ويختصر بيانات المسارات والأرقام والألوان، ويدمج ما يمكن دمجه. تحصل على الشيفرة المحسّنة ومعاينة قبل/بعد ومقدار تقليل الحجم.
كيفية استخدام محسّن SVG
- الصق شيفرة SVG في شيفرة SVG، أو أسقط ملف
.svgأو اخترها. - اضبط الخيارات: عدة تمريرات ودقة الأرقام والإبقاء على المعرّفات (IDs) واستبدال width/height بـ viewBox وتنسيق الناتج.
- قارن معاينتي قبل/بعد وشارة الحجم.
- انسخ SVG المحسّنة أو نزّلها باسم
name-min.svg.
مثال
100×100 SVG from an editor with an XML declaration, a comment, <metadata>, empty <defs> and a nested <g> around a rect (474 bytes)
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M10 10h80v80H10z" style="fill:red;stroke:none"/></svg>
متى تستخدم محسّن SVG
استخدمها على الأيقونات والشعارات والرسوم المصدَّرة من Figma أو Illustrator أو Inkscape أو Sketch قبل نشرها في موقع أو تطبيق. فعّل الإبقاء على المعرّفات (IDs) إذا كانت CSS أو JavaScript أو مراجع <use> في مكان آخر تعتمد على معرّفات العناصر. وافحص المعاينة دائمًا: قد تحتاج ملفات SVG غير المعتادة التي فيها سكربتات أو مراجع خارجية إلى تعديل يدوي.
كيف يعمل محسّن SVG
تحمّل الأداة نسخة المتصفح من SVGO 4 عند الطلب وتطبّق إضافات preset-default: إزالة إعلان XML وdoctype والتعليقات والبيانات الوصفية ومساحات أسماء المحررات، وتنظيف السمات والقيم الرقمية، وتحويل الأشكال إلى مسارات، ودمج المجموعات، وإعادة كتابة بيانات المسارات والتحويلات، وغير ذلك. ويُبقي الإعداد الافتراضي في SVGO 4 على viewBox و<title> و<desc> غير الخاص بالمحررات، فيُحفظ التحجيم وإمكانية الوصول. ومع تعدد التمريرات تتكرر الإضافات حتى يتوقف الناتج عن التقلص.
حالات الاستخدام الشائعة
- تصغير أيقونات مصدَّرة من أدوات التصميم قبل إضافتها إلى مكتبة مكوّنات.
- تنظيف شعار SVG ليمكن تضمينه مباشرة في HTML.
- تصغير حجم SVG sprites لتحميل صفحات أسرع.
- إزالة بيانات المحررات الوصفية التي تسرّب مسارات الملفات أو أسماء المؤلفين.
ملاحظة أمنية
تُفك الصور وتُعالَج وتُرمَّز محليًا في متصفحك بواجهة Canvas. لا يُرفع شيء إلى خادم.
الأسئلة الشائعة
هل تحسين SVGO دون فقدان؟
مع الإعداد الافتراضي يكون دون فقدان بصريًا في أغلب الحالات. وخفض دقة الأرقام كثيرًا (0–1 منزلة عشرية) قد يزحزح الأشكال الصغيرة، فقارن المعاينتين.
لماذا توقفت CSS عن العمل بعد التحسين؟
تختصر SVGO المعرّفات غير المستخدمة أو تزيلها. فعّل الإبقاء على المعرّفات (IDs) إذا كانت أنماطك أو سكربتاتك تستهدفها.
هل تزيل viewBox؟
لا. يُبقي الإعداد الافتراضي في SVGO 4 على viewBox. أما الخيار استبدال width/height بـ viewBox فيزيل الحجم الثابت بدلًا منه، فتصبح SVG متجاوبة.