الخطوة 1
أضف ملف SVG كاملًا واحدًا
حمّل ملف .svg محليًا بحجم يصل إلى 2 MiB أو الصق ترميز SVG سليم البنية. يبقى المصدر قابلاً للتحرير حتى تمسحه أو تستبدله.
ارفع ترميز SVG أو الصقه، وحسّنه محليًا باستخدام SVGO، وقارن الكود وحجم الملف والنتيجة المرئية قبل التنزيل. لا يلزم تسجيل دخول أو رفع إلى خادم.
SVG واحد · حتى 2 MiB · معالجة محلية
الصق الترميز أو حمّل ملفًا، واختر ما يمكن لـ SVGO تغييره، ثم قارن المصدر الدقيق بالنتيجة قبل التصدير.
XML كامل ذو جذر <svg>. اضغط Ctrl/Command+Enter للتحسين.
لا توجد نتيجة محسّنة بعد
أضف SVG كاملًا، وراجع الإعدادات، وشغّل المحسّن.
الخطوة 1
حمّل ملف .svg محليًا بحجم يصل إلى 2 MiB أو الصق ترميز SVG سليم البنية. يبقى المصدر قابلاً للتحرير حتى تمسحه أو تستبدله.
الخطوة 2
احتفظ بالإعدادات الافتراضية المتحفظة أو غيّر عمدًا إعدادات المعرّفات والعناصر الوصفية والأبعاد والدقة والبرامج النصية وMultipass والتنسيق.
الخطوة 3
راجع التغييرات الدقيقة في البايتات والبنية، إضافة إلى كلتا المعاينتين المقيدتين، ثم انسخ SVG المحسّن أو نزّله واختبره في التكامل المقصود.
ملف SVG هو ترميز XML، لذا تأتي الوفورات المفيدة غالبًا من إزالة بيانات التصدير وتمثيل الأشكال نفسها بصورة أكثر إحكامًا. يعتمد مقدار التخفيض المتاح على كيفية إنشاء المصدر.
يزيل مسار SVGO الافتراضي التعليقات والبيانات الوصفية ومساحات أسماء المحرر والقيم الفارغة والترميز الزائد الآخر. ويمكنه أيضًا ضغط الأنماط والألوان والتحويلات والمجموعات.
يمكن لدقة الإحداثيات وتحويلات المسار توفير بايتات، خاصة في الرسومات التفصيلية. تقرّب الدقة المنخفضة القيم بصورة أشد، لذا تتطلب الهندسة الدقيقة مراجعة مرئية أقرب.
قد يوفر تصدير مطوّل من أداة تصميم بيانات أكثر قابلة للإزالة من أيقونة مصغّرة يدويًا. وقد يبقى مصدر صغير أو محسّن مسبقًا دون تغيير تقريبًا أو يصبح أكبر ضمن إعدادات الحفظ أو الناتج المقروء.
أصغر ترميز ليس تلقائيًا أفضل أصل. احتفظ بالمعلومات التي ما زال الموقع أو المكوّن أو ورقة الأنماط أو التقنية المساعدة المحيطة يحتاجها.
يمكن تحديث مراجع URL الداخلية أثناء تنظيف المعرّفات، لكن محددات CSS الخارجية واستعلامات JavaScript والمستندات المضمنة المنفصلة غير مرئية للمحسّن. احفظ المعرّفات عند احتمال وجود هذه التبعيات.
قد يساهم عنوان SVG أو وصفه في اسم أو شرح متاح، تبعًا لكيفية تضمين الأصل. لا تزل تلك العناصر إلا بعد التحقق من التكامل النهائي.
تحافظ إزالة العرض والارتفاع على viewBox أو تنشئه عند الإمكان، لكنها تغير الحجم الداخلي للأصل. تأكد من أن CSS أو الحاوية يوفّر الأبعاد المقصودة.
توفر مساحة العمل مقارنة سريعة، لا برهانًا على أن كل متصفح أو محرر أو مكوّن أو رسم متحرك سيتصرف بصورة مطابقة. اختبر النتيجة حيث ستعمل فعليًا.
يُعرض المصدر والنتيجة كموارد صور غير تفاعلية. استخدمهما لالتقاط التغييرات الواضحة في اللون والهندسة والاقتصاص ونسبة العرض إلى الارتفاع، من دون إدراج ترميز SVG في هذه الصفحة.
تعتمد الخطوط وتباعد النص والمرشحات والأقنعة وCSS والرسوم المتحركة والموارد الخارجية والبرامج النصية على السياق. افتح الملف المنزّل في الموقع أو التطبيق المقصود قبل استبدال أصل إنتاجي.
عادةً ما يكون الترميز المحسّن أثرًا من التصدير. احتفظ بملف التصميم الأصلي أو SVG المقروء عندما تكون التعديلات اللاحقة أو التسليم أو مراجعة إمكانية الوصول أو تصحيح الأخطاء مهمة.
تقلل المعالجة المحلية نقل البيانات غير الضروري، بينما تتجنب المعاينات المقيدة تنفيذ المصدر مضمنًا. لا تحوّل هذه الخيارات SVG عشوائيًا إلى كود تطبيق موثوق.
يُقرأ الملف المحدد كنص ويُمرر إلى بنية SVGO المثبتة في المتصفح. لا ترسل هذه الصفحة المصدر أو النتيجة إلى نقطة نهاية تحسين خارجية.
تستخدم كلتا المعاينتين سياق صورة SVG في المتصفح، حيث تُعطّل البرامج النصية ولا تُحمّل الموارد الخارجية. لا يُختبر السلوك التفاعلي هناك عمدًا.
تفيد إزالة البرامج النصية ومعالجات الأحداث للأصول الثابتة، لكن قد يبقى ترميز آخر محفوف بالمخاطر أو حساس للسياق. لا تدرج مخرجات غير موثوقة مضمنةً دون منقٍّ وسياسة أمان مخصصين.
يُعالج الملف المصدر أو الترميز الملصق في علامة تبويب المتصفح هذه. لا يُضاف طلب تحسين خارجي، ولا تحفظ هذه الصفحة المصدر.
نعم. يمكنك لصق SVG أو تحميله وتحسينه ومعاينة النتيجة ونسخ الترميز وتنزيل الملف من دون التسجيل أو تسجيل الدخول أو فتح قفل الناتج.
لا تُستخدم خدمة تحسين خارجية. يُقرأ الملف المحدد كنص ويُعالج في علامة تبويب المتصفح الحالية؛ لا تضيف هذه الصفحة طلب رفع أو تخزين لملف SVG الخاص بك.
تستخدم بنية المتصفح المثبتة من SVGO 4 مع مسار إضافات preset-default، إضافةً إلى الإعدادات المعروضة في مساحة العمل. يكون Multipass مفعّلًا افتراضيًا.
كلاهما مدعوم لملف SVG واحد في كل مرة. يمكن أن يصل حجم ملف .svg محلي إلى 2 MiB، أو يمكنك لصق مستند SVG كامل وسليم البنية في محرر المصدر.
لا يمكن تقديم ضمان شامل. قد يعيد SVGO هيكلة الترميز ويقرّب القيم العددية، وقد تُعرض الخطوط أو المرشحات أو الرسوم المتحركة أو السلوك الخاص بتكامل ما بصورة مختلفة. قارن المعاينات واختبر النتيجة المنزّلة في سياقها الفعلي.
يمكن الإشارة إلى المعرّفات بواسطة التدرجات أو الأقنعة أو مسارات القص أو CSS أو JavaScript أو مستند آخر. يستطيع المحسّن تحديث المراجع الداخلية، لكنه لا يستطيع اكتشاف كل تبعية خارجية، لذلك تحافظ هذه الصفحة على المعرّفات ما لم تختر التنظيف.
يزيل خيار removeDimensions في SVGO العرض والارتفاع الثابتين عند وجود viewBox، أو يمكنه اشتقاق viewBox من أبعاد رقمية عادية. قد يجعل ذلك حجم SVG قابلًا للتحكم عبر CSS، لكنه يغيّر سلوك التحجيم الداخلي وينبغي اختباره في موضع استخدام الأصل.
نعم، افتراضيًا. تحافظ مساحة العمل على <title> و<desc> لأنهما قد يدعمان أسماء أو أوصافًا متاحة في بعض عمليات التكامل. يمكنك إزالتهما عمدًا للحصول على ناتج أصغر بعد مراجعة السياق.
لا. يزيل الخيار عناصر script وسمات معالجات الأحداث وروابط البرامج النصية التي يتعامل معها SVGO، لكن التحسين ليس تنقية أمنية كاملة. يحتاج SVG غير الموثوق الذي سيُدرج مضمنًا إلى مراجعة أمنية ومنقٍّ وسياسة محتوى مخصصة.
قد يكون المصدر مضغوطًا بالفعل، أو قد تحد إعدادات الحفظ من التحويلات المتاحة، أو تضيف التنسيقات المقروءة مسافات بيضاء، أو قد تعوّض الترميزات المطلوبة وفورات أخرى. تعرض النتيجة فرق بايتات UTF-8 الفعلي بدل افتراض أن كل ملف يصبح أصغر.
تابع باستخدام أداة أخرى تعمل في المتصفح.
فحص ألوان SVG وتحويلها
اختر لونًا بصريًا أو أدخل قيمة HEX، ثم اضبط RGB وHSL والتعتيم بدقة. عاين النتيجة وقارن الدرجات القريبة وانسخ رمز اللون الدقيق من دون تسجيل دخول.
فحص تباين زوج ألوان SVG
اختبر ألوان النص والخلفية وفقًا لـ WCAG 2.2 AA وAAA. اعرض نسبة التباين الدقيقة، وعاين حجم الخط ووزنه المحددين، واعرف ما إذا كان الزوج يجتاز الفحص.
إنشاء تدرج CSS
أنشئ تدرجات خطية أو شعاعية أو مخروطية بمحطتي ألوان إلى ست محطات. عاين النتيجة مباشرة، واضبط الاتجاه أو نقطة الأصل ذات الصلة، وانسخ CSS جاهزًا للاستخدام دون تسجيل الدخول.
تحويل SVG إلى PNG
ارفع ملف SVG واحدًا، واختر حجم PNG الذي تحتاجه، وعاين النتيجة، ثم نزّلها. الاستخدام مجاني دون تسجيل أو تسجيل دخول.