تصغير كود SVG

ماذا تفعل أداة التصغير بالكود

تعمل الأداة على نص SVG بترتيب ثابت: تحذف تصريح XML وdoctype، ثم التعليقات، ثم عناصر البيانات الوصفية والعنوان والوصف، ثم تقرّب الأرقام العشرية، وأخيرًا تدمج المسافات. أي تتابع من المسافات والتبويبات وفواصل الأسطر يتحول إلى مسافة واحدة، وتُحذف المسافات بين وسم الإغلاق ووسم الفتح التالي، فيصبح الناتج سطرًا واحدًا.

قبل وبعد

المدخل بحجم 126 بايت:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  <!-- dot -->
  <circle cx="8.000" cy="8.000" r="3.500"/>
</svg>

الناتج بالإعدادات الافتراضية بحجم 97 بايت (توفير 23%):

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="3.5"/></svg>

لاحظ أن 8.000 أصبح 8 و3.500 أصبح 3.5، لأن الأصفار الأخيرة تُحذف بعد التقريب.

ما الذي لا تغيّره

هذه أداة تصغير للنص، وليست محسّنًا كاملًا. تُبقي أسماء السمات والمعرّفات والأصناف والمجموعات والتحويلات وأوامر المسارات كما هي. وهذا مقصود: المعرّفات التي يشير إليها CSS أو الكود البرمجي أو التدرجات تواصل العمل، وبنية الملف تبقى مفهومة إذا احتجت إلى تعديله لاحقًا.

ملاحظات يجب الانتباه إليها

• دمج المسافات يسري أيضًا داخل العناصر النصية، لذلك تظهر المسافات المتتالية في تسمية ما كمسافة واحدة.
• التقريب يسري على كل رقم عشري، بما فيه أرقام الإصدارات داخل السمات مثل 1.10، فتصبح 1.1.
• الكود المصغّر صعب القراءة. احتفظ بالأصل في نظام إدارة الإصدارات، واستخدم النسخة المصغّرة للإخراج فقط.

فحص سريع بعد التصغير

ألصق السطر المصغّر في ملف HTML فارغ وافتحه في المتصفح بجوار الأصل. يجب أن يبدوَ الاثنان متطابقين. إذا توقف تدرج أو قناع أو مسار قص عن العمل، فتحقق مما إذا كان معرّف أو مرجع قد عُدّل يدويًا، لأن الأداة لا تعيد تسمية المعرّفات. وإذا تغيّرت تفاصيل دقيقة جدًا في موضعها، فارفع عدد الخانات العشرية إلى 3 أو أكثر وأعد الضغط.

أماكن استخدام الناتج

السطر الواحد من SVG يُلصق بسلاسة في ملف HTML أو مكوّن JSX أو قيمة data URI أو قاعدة CSS للخلفية، حيث كانت فواصل الأسطر ستحتاج إلى معالجة.