محسِّن SVG

ما هي محسِّن SVG؟

مُحسِّن SVG أداة مجانية داخل المتصفح لمصممي الويب ومؤلفي الأيقونات ومطوري الواجهة الأمامية الذين يحتاجون إلى تخفيف SVG المكتوب يدويًا أو المُصدَّر قبل نشره. تضيف محررات المتجهات وزنًا غير مرئي: تعليقات XML وكتل بيانات وصفية وسمات Inkscape/Sodipodi/Illustrator وأرقام عشرية زائدة وتحويلات عديمة الفائدة ومجموعات مغلِّفة ومعرّفات وdefs لا يشير إليها شيء. فعِّل كل تنظيف في الإعدادات، والصق الترميز أو أفلِت ملف ‎.svg، وشاهد معاينتي الأصل والمُحسّن تتحدثان جنبًا إلى جنب، واقرأ إحصاءات قبل وبعد والموفَّر وGzip وBrotli. انسخ النتيجة أو نزّلها كملف ‎.min.svg. استخدمه لتخفيف الأيقونات المضمّنة وأوراق الرموز والشعارات والرسوم.

كيفية استخدام محسِّن SVG

1. الصق ملف SVG، أو أفلِت/ارفع ملف ‎.svg — يملأ الترميز صندوق الإدخال.
2. افتح الإعدادات وفعِّل بالضبط عمليات التنظيف التي تريدها: تقريب الإحداثيات، إزالة التعليقات والبيانات الوصفية وسمات المحرّر، المجموعات الفارغة، المعرّفات وdefs غير المستخدمة، دمج التحويلات، تصغير الأنماط المضمّنة، اختصار ألوان hex، إزالة القيم الافتراضية، وتصغير المسافات.
3. إذا كان تقريب الإحداثيات مفعّلًا، فاضبط الدقة (0-5 خانات عشرية).
4. قارن معاينتي الأصل والمُحسّن جنبًا إلى جنب للتأكد من أن الرسم لا يزال صحيحًا.
5. اقرأ إحصاءات قبل وبعد والموفَّر وGzip وBrotli لرؤية التوفير الحقيقي في الحجم.
6. انسخ ملف SVG المُحسَّن أو نزّله كملف ‎.min.svg.

أمثلة

<svg xmlns="http://www.w3.org/2000/svg"><!-- Generator: Sketch --><title>icon</title><rect x="0" y="0" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><path d="M1.00000 2.49999 L10.333333 8"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><path d="M1 2.5 L10.33 8"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect fill="#FFFFFF" fill-opacity="1" width="24" height="24"/></svg>

<svg xmlns="http://www.w3.org/2000/svg"><rect fill="#fff" width="24" height="24"/></svg>

الأسئلة الشائعة

ماذا يزيل المُحسِّن بالضبط؟

عند تفعيل المفاتيح المناسبة: تعليقات XML، وعناصر <metadata> و<title> و<desc>، وسمات مساحات أسماء المحرّر (Inkscape وSodipodi وIllustrator)، والمجموعات الفارغة، والمعرّفات التي لا يشير إليها شيء، و<defs> غير المُشار إليها. كما يمكنه تقريب السمات الرقمية وبيانات المسار، ودمج التحويلات عديمة الفائدة، وتصغير سمات style وCSS داخل <style>، واختصار ألوان hex (‏#ffffff→#fff)، وإزالة سمات العرض الافتراضية مثل fill-opacity="1".

هل يغيّر تقريب الإحداثيات شكل ملف SVG؟

التقريب إلى دقة منخفضة قد يزيح النقاط جزءًا ضئيلًا جدًا من الوحدة، وهو غالبًا غير مرئي لكنه أصغر. ارفع الدقة (حتى 5 خانات) للحصول على هندسة دقيقة، أو أوقف التقريب لترك الأرقام دون مساس.

هل يمكنني تحميل ملف ومعاينة النتيجة؟

نعم. أفلِت أو ارفع ملف ‎.svg (أو الصق الترميز) وتظهر معاينتا الأصل والمُحسّن جنبًا إلى جنب لتكتشف أي تعطّل. ثم انسخ الخرج أو نزّل ملف ‎.min.svg المُحسَّن — لا شيء يُرفع؛ يُقرأ الملف محليًا.

ماذا تعني أرقام Gzip وBrotli؟

يُقاس حجم Gzip بضغط ملف SVG المُحسَّن فعليًا في متصفحك، فيعكس البايتات الحقيقية عبر اتصال يدعم gzip. رقم Brotli تقدير مُشتق من حجم gzip ذاك (يضغط brotli النص عادةً بقدر أصغر قليلًا)؛ ومُرمِّز brotli الحقيقي أثقل من أن يُحزَم، لذا يُوسم بعلامة المدّة.

هل يُرفع ملف SVG إلى أي مكان؟

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