بدون رفع, 100% محلي، بدون حساب

محسّن SVG

الصق أو أسقط ملف SVG وقلّص حجمه باستخدام SVGO. كل شيء يبقى في متصفحك.

كيف تعمل محسّن SVG

محسّن SVG يشغّل SVGO في Web Worker داخل متصفحك لتصغير ملفات SVG وتنظيفها دون رفعها. يُطبّق SVGO مجموعةً قابلة للتهيئة من المكوّنات الإضافية تزيل التعليقات وتطوي المسافات البيضاء وتدمج المسارات المتطابقة وتحوّل الأشكال إلى تمثيلها الأكثر إيجازًا وتزيل السمات التي لا تأثير بصري لها. النتيجة SVG أصغر حجمًا يُصيَّر بشكل مطابق للأصل.

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

كتبه Bastien Sulyan

كيفية استخدام محسّن SVG خطوة بخطوة

  1. أسقط ملف SVG في منطقة الرفع أو انقر للاستعراض.
  2. يُشغّل Web Worker الخاص بـ SVGO عملية التحسين فورًا بمجموعة المكوّنات الافتراضية.
  3. اعرض نسبة التقليص وأحجام الملفين الأصلي والمُحسَّن.
  4. انقر على تنزيل لحفظ SVG المُحسَّن على جهازك.
  5. إذا تسببت مكوّنات محددة في مشكلات عرض، اضبط تهيئة المكوّنات وأعد التحسين.

حالات الاستخدام الشائعة

  • مطور واجهة أمامية يُحسّن أيقونات مُصدَّرة من Figma قبل إيداعها في خط أنابيب الأصول، يقلص كل أيقونة من 4 كيلوبايت إلى أقل من 1 كيلوبايت.
  • مصمم ويب يُنظّف رسوم SVG مُصدَّرة من Illustrator تحتوي على طبقات من البيانات الوصفية للمحرر غير مرئية في المتصفح لكنها تُضخّم حجم الملف.
  • مطور يبني خطوطًا من رسوم SVG يضمن أن كل SVG مصدر نظيف ومتسق الهيكل قبل خطوة بناء الخط.
  • مهندس أداء يُراجع SVG مضمَّنة في HTML ويستبدل كل أصل ضخم بنسخة مُحسَّنة بـ SVGO لتحسين وزن الصفحة.

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

هل سيُغيّر SVGO شكل SVG الخاص بي؟

مكوّنات SVGO الافتراضية مختارة لتكون غير مُقيِّدة للجودة البصرية: يُصيَّر SVG المُحسَّن بشكل مطابق للأصل في جميع المتصفحات القياسية. بعض المكوّنات المتطرفة مثل تلك التي تُقرّب إحداثيات المسار بقوة يمكن أن تُدخل فروقًا دقيقة في العرض. إذا لاحظت تغييرًا بصريًا، قارن الملفين الأصلي والمُحسَّن في متصفح وعطّل المكوّن المحدد المسبب للمشكلة.

هل يُرسَل ملف SVG إلى خادم للتحسين؟

لا. يعمل SVGO في Web Worker داخل تبويب متصفحك. يُقرأ نص SVG من قرصك المحلي ويُعالَج في ذاكرة JavaScript ويُعاد الإخراج إلى الصفحة للتنزيل. لا يغادر محتوى الملف جهازك.

بكم سيصغر SVG الخاص بي؟

يعتمد التقليص على المصدر. ملفات SVG المُصدَّرة من أدوات التصميم مع البيانات الوصفية للمحرر تتقلص عادةً بنسبة 30 إلى 70%. ملفات SVG المكتوبة يدويًا والنظيفة أصلًا قد لا تتجاوز تقليصها 5 إلى 15%. تُظهر الأداة عدد البايتات الدقيق والنسبة المئوية لتتمكن من تقييم كل ملف بشكل فردي.

هل يؤثر التحسين على رسوم SVG المتحركة أو JavaScript داخل الملف؟

التهيئة تحافظ على عناصر الرسوم المتحركة وسمات SMIL. وهي تُزيل عناصر script فعلاً: تضيف الأداة مكوّن removeScripts فوق الإعداد الافتراضي لـ SVGO، لأن ملف SVG الذي توشك على تضمينه لا ينبغي أن يحمل شيفرة قابلة للتنفيذ. بعض المكوّنات التي تُنظّف السمات يمكن أن تتفاعل مع الرسوم المتحركة إذا أشارت إلى تلك السمات بالمعرّف؛ تحقق من الإخراج المُصيَّر بعد تحسين ملفات تستخدم رسومًا متحركة معقدة.

هل يمكنني تحسين ملفات SVG متعددة في وقت واحد؟

النسخة الحالية تعالج ملف SVG واحدًا في كل مرة. أسقط ملفًا ونزّل النتيجة ثم أسقط الملف التالي. المعالجة الدفعية لملفات متعددة في جلسة واحدة غير متاحة في هذا الإصدار.

ما إصدار SVGO الذي تستخدمه الأداة؟

تُجمّع الأداة SVGO في Web Worker. يُشار إلى الإصدار المُجمَّع في معلومات الأداة. SVGO مُصان بنشاط وقد تغيّر API المكوّنات بشكل ملحوظ بين v1 وv2 وv3؛ تستخدم الأداة الحالية تنسيق مكوّن v3.

أدوات ذات صلة

أبقِ كل شيء محليًا, استكشف الأدوات التكميلية.

جميع أدوات الصور