DevToolbox

مجاني عبر الإنترنت SVG Optimizer

حسِّن وصغِّر ونظِّف ملفات SVG عبر الإنترنت. يزيل بيانات Inkscape/Illustrator الوصفية والتعليقات والمجموعات الفارغة والسمات غير الضرورية. معاينة فورية — مجاني، 100% على جهازك.

100% من جانب العميل · بياناتك لا تغادر متصفحك أبدًا

Optimization Options

Optimized output will appear here

كيفية الاستخدام SVG Optimizer

الصق كود SVG في لوحة Input SVG، اختر خيارات التحسين، ثم انقر Optimize أو اضغط Ctrl/Cmd+Enter.

  • إزالة التعليقات — يحذف كتل <!-- ... -->.
  • إزالة البيانات الوصفية — يزيل عنصر <metadata> الذي يضيفه Inkscape/Illustrator.
  • إزالة سمات المحرر — يحذف inkscape:* وsodipodi:* وdata-name وإعلانات مساحات أسمائها.
  • ضغط المسافات — ينظّم المسافات والأسطر الجديدة في قيم السمات وبين الوسوم.
  • إزالة المجموعات الفارغة — يزيل عناصر <g></g> التي لا تحتوي على أبناء.
  • تقريب الأرقام — يقلل دقة الكسور العشرية في إحداثيات مسار d (مثلاً 123.456789 → 123.46).

يعرض شريط الإحصاء الحجم الأصلي والمحسَّن ونسبة التوفير. استخدم Format لعرض SVG مضغوط بشكل مقروء. اضغط Ctrl/Cmd+K للمسح.

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

ماذا يفعل تحسين SVG؟

يزيل تحسين SVG البيانات غير الضرورية للعرض: البيانات الوصفية للمحرر، وتعليقات XML، والعناصر الحاوية الفارغة، وإعلانات مساحات الأسماء الزائدة، والمسافات البيضاء المفرطة. كما يمكنه تقريب الأرقام العشرية بالغة الدقة في بيانات المسار. النتيجة ملف أصغر يُعرض بشكل مطابق في جميع المتصفحات.

لماذا تحتوي ملفات SVG من Inkscape أو Illustrator على الكثير من البيانات الإضافية؟

يُضمِّن Inkscape وAdobe Illustrator سمات مساحة أسماء خاصة (inkscape:* وsodipodi:* وai:*) وكتل بيانات وصفية للحفاظ على حالة التحرير: أسماء الطبقات وإعدادات الشبكة ومعلومات الخطوط وخصائص المستند. هذه البيانات ضرورية داخل المحرر لكنها لا معنى لها بالنسبة للمتصفح.

هل سيؤثر التحسين على مظهر ملف SVG؟

خيارات هذه الأداة مصممة لتكون خسارة بصرية صفرية. إزالة التعليقات والبيانات الوصفية وسمات المحرر لا يُغيِّر الناتج المرئي. تقريب أرقام المسار إلى منزلتين عشريتين غير محسوس بالأحجام العادية للعرض (خطأ أقل من 0.01 بكسل). احرص دائماً على معاينة النتيجة قبل النشر.

لماذا تؤثر دقة بيانات المسار على حجم الملف؟

تصدِّر أدوات الرسم عادةً إحداثيات المسار بـ 6-10 خانات عشرية، في حين يكفي للعرض على الويب 1-2 خانات فقط. في الرسوم التوضيحية المعقدة ذات مقاطع المسار الكثيرة، يُقلِّل التقريب عدد الأحرف بشكل ملحوظ.

ما الفرق بين التحسين الآمن وغير الآمن؟

التحسينات الآمنة تحافظ على الناتج البصري: إزالة التعليقات والبيانات الوصفية وسمات المحرر والمجموعات الفارغة. التحسينات غير الآمنة قد تُغيِّر المظهر: إزالة سمة viewBox أو تعديل الألوان التي يُعيد CSS تعريفها أو حذف سمات id يستخدمها JavaScript. تطبق هذه الأداة التحسينات الآمنة فقط.

كيف تتقارن هذه الأداة مع SVGO؟

SVGO هو المُحسِّن القياسي في الصناعة المبني على Node.js مع عشرات الإضافات تشمل دمج المسارات المتقدم. تغطي هذه الأداة في المتصفح التحسينات الأكثر تأثيراً دون تثبيت. للبيئات الإنتاجية يُوصى بـ SVGO أو إضافة svgo لـ Vite/webpack؛ هذه الأداة مثالية للملفات الفردية.

أدوات ذات صلة