ضغط ملفات SVG

‏SVG‏ (Scalable Vector Graphics) ليس مكوَّنًا من بكسلات — إنه ملف نصي مكتوب بـ XML يصف الأشكال والمسارات والألوان كتعليمات رياضية. لهذا يبقى شعار SVG حادًا تمامًا بأي حجم، من أيقونة صغيرة إلى لوحة إعلانية، ولهذا هو التنسيق المفضّل للأيقونات والشعارات والرسوم التوضيحية على الويب. ولأنه كود لا شبكة نقطية، فإن ضغط SVG يعني تنظيف ذلك الكود، لا التخلّي عن التفاصيل البصرية — لذا يكون التوفير خاليًا فعليًا من فقدان الجودة.

تُصدّر أدوات التصميم مثل Illustrator وFigma وSketch ملفات SVG صحيحة تقنيًا لكن مليئة بالفوضى. يتراكم هذا العبء بسرعة، خصوصًا عندما تُضمّن عشرات الأيقونات مباشرة في صفحة:

• بيانات وصفية للمحرّر وتعليقات ومساحات أسماء يتجاهلها المتصفح
• دقّة عشرية زائدة في الإحداثيات (عشرة أرقام حيث يكفي رقمان)
• طبقات مخفية ومجموعات فارغة وتعريفات غير مستخدمة
• سمات زائدة وأنماط داخلية يمكن تبسيطها
• مسافات بيضاء وتنسيق إزاحة مخصّصة للبشر لا للمتصفحات

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

خلافًا لـ JPG أو PNG أو WebP، يكون ضغط SVG بلا فقدان حقًا بالمعنى المهم: لأنك تحسّن كودًا يصف متجهات، تستمر الرسومات بالتكبير إلى ما لا نهاية وتبدو دقيقة كالبكسل عند أي مستوى تكبير. لا يوجد شريط جودة ولا مقايضة لتزنها. الشيء الوحيد الذي يصغر هو عدد الأحرف في الملف، وهذا بالضبط ما تريده لعنصر يُحمَّل عند كل تحميل صفحة.

للشعارات والأيقونات والرسوم التوضيحية البسيطة، يتفوّق SVG دائمًا تقريبًا على التنسيق النقطي: عادةً أصغر، ودائمًا حاد، ويمكن تنسيقه أو تحريكه بـ CSS. الجأ إلى PNG أو WebP فقط عندما تكون الصورة فوتوغرافية أو ذات تفاصيل معقّدة ورسمية لا تختزل إلى مسارات متجهية نظيفة. إذا كنت لا تزال تصدّر الأيقونات كـ PNG، فالتحويل إلى SVG مصغّر يقلّل الوزن عادةً ويزيل الضبابية التي تحصل عليها على الشاشات عالية الدقة.