SVG المحسن والمصغر مجانًا

كيف يعمل

تقلل هذه الأداة حجم ملف SVG باستخدام محسّن مكتوب يدويًا يعمل بالكامل في متصفحك — لا مكتبات ولا خادم. تجمع بين مرحلتين: DOMParser/XMLSerializer المدمجين في المتصفح للعمل الدقيق على مستوى السمات، واستبدالات بتعبيرات نمطية مستهدفة لإزالة التعليقات والبيانات الوصفية ودمج المسافات البيضاء.

1. 1
   DOMParser ينقّي SVG

   قبل أي تحسين، يقرأ DOMParser في المتصفح SVG كـ XML ويمر على كل عنصر. تُزال وسوم script ومعالجات الأحداث (أي سمة on*) وعناصر الحركة ومراجع الروابط الخارجية دون شرط — ويعمل هذا بغض النظر عن خيارات التحسين التي تختارها.
2. 2
   تقريب عشري مبني على DOM

   إذا كان التقريب العشري مفعّلًا، يمر المحسّن على DOM المحلَّل مرة ثانية ويطبق التقريب فقط على السمات الرقمية المعروفة (بيانات d للمسار، والإحداثيات، وقيم التحويل، وعروض الحدود، وغيرها)، باستخدام تعبير نمطي يطابق أرقام الفاصلة العائمة المنفردة دون إفساد قيم المسار المتلاصقة مثل .5.5.
3. 3
   مراحل التعبيرات النمطية تنظّف الوسوم المحوَّلة

   ينتج XMLSerializer ملف XML موحّدًا، ثم تزيل استبدالات سلاسل مستهدفة تعليقات HTML، والبيانات الوصفية لمحرري Inkscape/Sodipodi، وتصريح XML، والسمات الافتراضية الزائدة (مثل version="1.1")، والمسافات البيضاء بين الوسوم — كل مرحلة محصورة بدقة فلا يُمس محتوى عُقد النص أبدًا.
4. 4
   حجم Gzip وصيغ التصدير

   تحسب واجهة CompressionStream في المتصفح أحجام gzip الحقيقية لكل من الإدخال والإخراج، لأن هذا ما يحدد فعليًا تكلفة النقل على الويب. يمكن تنزيل SVG المحسّن، أو نسخه كـ SVG خام، أو تحويله إلى سمات camelCase جاهزة لـ React JSX، أو ترميزه كـ CSS data URI — وتتم كل التحويلات محليًا.

أدوات ذات صلة