أيقونة من برنامج تصميم
الإدخال
SVG ببيانات وصفية وتعليقات ومجموعات متداخلة وإحداثيات عشرية ومعرّفات
الإخراج
SVG أصغر مع viewBox محفوظ ومعاينة للمقارنة
AppHelp
تحسين SVG وتصغيره
حسّن SVG محليًا باستخدام SVGO، واضبط دقة الأرقام والتنظيف، وقارن الرسم والحجم الخام وGzip قبل نسخ النتيجة أو تنزيلها.
مساحة تحسين SVG
اضبط تنظيف البنية وقارن الرسم والكود، ثم افحص الحجم الخام وGzip قبل استبدال الملف الأصلي.
1. إدخال SVG
2. إعدادات التحسين
يُحفظ viewBox دائمًا. اختبر CSS والرسوم المتحركة والمراجع قبل تغيير المعرّفات أو البنية.
مهام شائعة
- تحسين SVG وتصغيره
- SVGO
- SVG
إجابة سريعة
حسّن SVG محليًا باستخدام SVGO، واضبط دقة الأرقام والتنظيف، وقارن الرسم والحجم الخام وGzip قبل نسخ النتيجة أو تنزيلها.
طريقة الاستخدام
- 1. ألصق SVG أو افتحهألصق الكود أو اختر ملفًا أصغر من 2 MB. يتضمن المثال بيانات وصفية ومعرّفات وتدرجات ومجموعات وأرقامًا عشرية.
- 2. اختر إعدادات التحسينابدأ بتنظيف التعليقات والبيانات والمجموعات وترتيب السمات وعدة جولات ودقة متوسطة. غيّر المعرّفات والأبعاد بعد التحقق من سياق التضمين.
- 3. قارن الرسم والكود والحجمبدّل بين الأصل والنتيجة، وافحص الكود والبايتات الخام وحجم Gzip.
- 4. اختبر وصدّرراجع التحذيرات واختبر CSS والرسوم المتحركة ومجموعات الأيقونات وإمكانية الوصول ثم انسخ أو نزّل.
أمثلة
SVG متجاوب مضمّن
الإدخال
SVG يحتوي width وheight وviewBox
الإخراج
إزالة الأبعاد اختياريًا مع حفظ viewBox؛ تحقق من قياسات CSS أولًا.
حالات استخدام شائعة
- تقليل حجم الأيقونات والرسوم قبل النشر
- تنظيف SVG المنسوخ من برامج التصميم
- مقارنة التوفير الخام وGzip
- تجهيز رسومات متجاوبة مع viewBox
- فحص المحتوى النشط والخارجي والصور النقطية
حالات خاصة
- التحسين ليس تنقية أمنية. تعامل مع SVG غير الموثوق كمحتوى نشط وطبّق سياسة أمان مستقلة قبل عرضه مضمّنًا.
- تغيير المعرّفات قد يكسر CSS والرسوم المتحركة والتدرجات والأقنعة والفلاتر والروابط والسكربتات والمراجع الخارجية.
- الدقة المنخفضة قد تشوّه الأيقونات الصغيرة والمسارات والخرائط والرسوم التقنية.
- حذف width وheight يغيّر الحجم الطبيعي؛ اختبر viewBox وتخطيط CSS النهائي.
- قد تهيمن الصور النقطية والخطوط والموارد الخارجية على حجم النقل.
- غالبًا يُنقل SVG مضغوطًا بـGzip أو Brotli؛ انخفاض الحجم الخام لا يعني انخفاض النقل بالنسبة نفسها.
الميزات
- SVGO 4 محليًا مع عدة جولات وضبط الدقة
- مقارنة الرسم والكود قبل التحسين وبعده
- قياس البايتات ونسبة التوفير وحجم Gzip
- خيارات للتعليقات والبيانات والمجموعات والسمات والمعرّفات والأبعاد والسكربتات
- الحفاظ على viewBox للتصميم المتجاوب
- معاينة أكثر أمانًا تزيل المحتوى النشط والخارجي مع إظهار المخرجات الفعلية
- نسخ SVG وتنزيله دون حساب أو رفع الملف
أدوات ذات صلة
الأسئلة الشائعة
- ما الذي يزيله التحسين؟
- بحسب الإعدادات، يحذف التعليقات والبيانات الوصفية والمجموعات الزائدة والدقة غير اللازمة والتعريفات غير المستخدمة والسكربتات، ويختصر المسارات والسمات.
- هل تستخدم الأداة SVGO؟
- نعم، تستخدم SVGO 4 داخل المتصفح مع مقارنة مرئية وقياس الحجم.
- لماذا يختلف توفير Gzip؟
- تضغط الوسوم والسمات المتكررة جيدًا، لذلك تختلف نسبة البايتات الخام عن حجم النقل.
- هل أختصر المعرّفات؟
- تحقق أولًا من جميع الاعتماديات الداخلية والخارجية؛ فقد تتعطل CSS والرسوم المتحركة والفلاتر والروابط.
- لماذا يُحفظ viewBox؟
- يحدد نظام الإحداثيات ويدعم تغيير الحجم المتجاوب بصورة موثوقة.
- هل SVG المحسّن آمن للتضمين؟
- لا يضمن التحسين الأمان. المعاينة تزيل محتوى نشطًا، لكن المخرجات غير الموثوقة تحتاج سياسة أمنية مستقلة.
- هل تُرفع الملفات؟
- لا؛ القراءة والتحسين والمقارنة والنسخ والتنزيل تتم محليًا في المتصفح.