الأدوات95

تحسين / دليل عملي للصور

كيفية ضغط ملفات SVG

يكون المتجه الأخف مفيداً فقط عندما تظل التفاصيل الصحيحة موجودة.

لضغط SVG، قم بتحميل الملف أو لصق الكود المصدري الخاص به، وقارن الأصل المُعالج بالنسخة المُحسّنة، واضبط الدقة ثم اختر بدء. يستخدم هذا الدليل أيقونة مدار حقيقية ويتحقق من المتجه المُصدّر وتقليل حجمه بالبايت.

اتبع الدليل
مصدر تم التحقق منه ونتيجته التي تم تنزيلها
قبل أيقونة مدار بنفسجية أصلية SVG.

985 بايت أصلي SVG، تم عرضه بدقة 1,024 بكسل لهذه المقارنة.

بعد SVG محسن يحتفظ بأيقونة المدار بنفس حجم العرض.

635 بايت فعلي SVG، تم عرضه بنفس دقة العرض 1,024 بكسل.

985 بايت أصلي SVG، تم عرضه بدقة 1,024 بكسل لهذه المقارنة. 635 بايت فعلي SVG، تم عرضه بنفس دقة العرض 1,024 بكسل.
إعلانات
فيديو تعليمي سريع How to compress an SVG with a preview Choose an SVG, review the comparison, adjust precision and download the optimized vector. تعليق صوتي بالإنجليزية شاهد الفيديو

How to compress an SVG with a preview

إعلانات

اتبع هذا المثال العملي، ثم قم بتكييف نفس عناصر التحكم مع صورتك الخاصة. فتح ضاغط SVG.

01

قم بتحميل SVG ثابت أو الصق الكود المصدري

افتح ضاغط SVG واختر ملف SVG أو جرّب عينة. العينة هي svg-compressor.svg، وهي علامة مدار بحجم 985 بايت مع viewBox بحجم 512 × 512، وتعبئة متدرجة، وعنوان ووصف. استخدم لصق SVG عندما يكون الكود المصدري موجوداً بالفعل في محرر أو الحافظة.

تقبل الأداة ما يصل إلى 20 ملفات بحجم 2 ميجابايت لكل منها. تقوم بتحليل مستند SVG كامل وتزيل إعلانات مستند SVG القياسية دون تحميل ملفات خارجية. يتم رفض ملفات XML التالفة وإعلانات الكيانات المخصصة والمجموعات الفرعية للمستندات الداخلية. يمكن للملفات المعقدة جداً أيضاً الوصول إلى حد العناصر أو وقت المعالجة.

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

احتفظ بنسخة من SVG الأصلي. الرسم التوضيحي التفاعلي أو SVG الذي يحتوي على صورة فوتوغرافية هو حالة استخدام مختلفة عن أيقونة المتجه الثابتة.

02

قارن النتيجة واضبط دقة العلامة العشرية

تُظهر لوحتا المعاينة الأصل المُعقم والنتيجة المُحسّنة. تقارن الأحجام الموجودة بجوار الأصل والمُحسّن وملخص البايت الملف المصدر بالمخرجات النهائية. تبلغ الأداة عن زيادة في الحجم عندما يؤدي التحسين إلى جعل ملف معين أكبر بدلاً من الوعد بتقليل الحجم في كل مرة.

افتح الإعدادات واضبط دقة العلامة العشرية على 2 للمثال. تتراوح الدقة من 1 إلى 5 وتبدأ عند 3. يمكن للقيم المنخفضة تبسيط الهندسة الرقمية ولكنها قد تحرك المنحنيات الدقيقة أو الفجوات الصغيرة أو الحواف المحاذية. ارفع الدقة عندما تفقد المعاينة تفاصيل مهمة.

تستخدم هذه العينة هندسة مباشرة، لذا تحافظ الدقة 2 على شكلها القابل للتمييز. قد تتغير ملفات SVG الأخرى ذات الإحداثيات العشرية المعقدة بشكل أكبر. يكشف عرض كود SVG المُحسّن النص الفعلي الذي سيتم تنزيله؛ وهو ليس تمثيلاً منفصلاً للأصل.

تحقق من المتجه بحجم العرض المقصود وبحجم أكبر. قد يكون من الصعب رؤية تحول طفيف في صورة مصغرة صغيرة.

المثال في هذا الدليل

جرب عينة: svg-compressor.svg، 985 بايت، 512 × 512 viewBox. دقة عشرية 2؛ تم تفعيل الاحتفاظ بالعناوين/الأوصاف التي يمكن الوصول إليها واختصار المعرفات الداخلية؛ تم تعطيل الأبعاد المتجاوبة وترميز المخرجات القابل للقراءة. SVG الذي تم تنزيله: 635 بايت.

المصدر SVG
985 بايت
SVG محسن
635 بايت
الانخفاض المقاس
35.5%
السياق المحفوظ
العنوان، الوصف و 512 × 512 viewBox
03

الحفاظ على الأوصاف ومراعاة المعرفات الخارجية

اترك خيار الحفاظ على العناوين والأوصاف التي يمكن الوصول إليها مفعلاً للمثال العملي. هذا يحتفظ بعنوان ووصف SVG مع إزالة بيانات تعريف المحرر الزائدة وتبسيط الكود المصدري المؤهل. هذه أنواع مختلفة من المعلومات ولا ينبغي معاملتها كأشياء قابلة للتبديل.

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

اترك خياري الأبعاد المتجاوبة وكود المخرجات القابل للقراءة متوقفين عن التشغيل للمثال. تزيل الأبعاد المتجاوبة العرض والارتفاع الثابتين عندما يمكن لـ viewBox الإحداثيات توفير تحجيم قابل للتوسع. تضيف المخرجات القابلة للقراءة مسافات بادئة وهي مفيدة للصيانة، ولكنها قد تزيد من حجم النص.

بالنسبة لملف أيقونة مستقل، عادة ما يكون تنظيف المعرف الداخلي مباشراً. بالنسبة لمخطط برمجي خارجي، قد يكون الحفاظ على المعرفات أكثر أهمية من توفير بضعة بايتات.

04

تنزيل المتجه النهائي والتحقق منه

اختر بدء، ثم تنزيل. المخرجات الناتجة هي 635 بايت مقارنة بالمصدر الذي يبلغ 985 بايت: تقليل بنسبة 35.5%. يظل العنوان والوصف كما هما، ويتم عرض المقارنة من المصدر الأصلي وSVG الذي تم تنزيله.

تعرض المقالة كلا المتجهين عند 1,024 بكسل للحصول على توضيح حاد للنتيجة؛ يظل حجم إحداثياتهما المنطقي 512 × 512. لا تضيف المعاينة الأكبر محتوى نقطياً إلى SVG المحفوظ. راجع المتجه الفعلي في صفحة وجهتك قبل استبدال أصل إنتاج موجود.

يتم تنزيل ملف واحد باسم SVG مع اسمه الأساسي الأصلي. يتم تنزيل المجموعة كملف ZIP واحد، مع لاحقات مرقمة لأسماء الملفات المكررة. تتم المعالجة في المتصفح. احتفظ بالمصدر الأصلي إذا كنت ترغب في تجربة إعدادات تحسين مختلفة لاحقاً.

يتم قياس توفير حجم الملف مقابل هذه العينة فقط. قد يظهر SVG الذي تم تحسينه بالفعل تحسناً طفيفاً أو يصبح أكبر قليلاً.

تفاصيل مفيدة

أسئلة شائعة

هل سيبدو SVG المحسن تماماً كما هو؟

يهدف المحسن إلى الحفاظ على المظهر الثابت، ولكن التقريب وإزالة المحتوى غير المدعوم يمكن أن يغير الملف. قارن المعاينات واختبر SVG المحفوظ في مشروعك.

ما الذي يغيره الدقة العشرية؟

يتحكم في الدقة المستخدمة للهندسة الرقمية وبيانات المسار. القيم الأقل يمكن أن تقلل الحجم ولكن قد تؤدي إلى إزاحة التفاصيل الدقيقة. القيمة الافتراضية هي 3.

هل يتم الاحتفاظ بالعنوان والوصف؟

نعم، بشكل افتراضي. اترك خيار الاحتفاظ بالعناوين والأوصاف التي يمكن الوصول إليها مفعلاً للحفاظ على عناصر SVG تلك.

لماذا تختفي النصوص البرمجية أو الصور النقطية؟

تنشئ هذه الأداة مخرجات متجهة ثابتة. يتم حذف النصوص البرمجية، والأحداث، والموارد الخارجية، والرسوم المتحركة، والصور النقطية المضمنة عمداً أثناء عملية التنظيف.

هل يمكنني الاحتفاظ بالمعرفات المشار إليها بواسطة CSS؟

قم بإيقاف تشغيل تقصير المعرفات الداخلية عندما يعتمد كود خارجي على معرفات محددة. تحقق من الملف المحسن في الصفحة المستهدفة قبل استبدال الملف الأصلي.

هل يتم تحميل ملفات SVG للتحسين؟

لا. تقوم الأداة بالتحليل والتحسين داخل المتصفح وتنزيل النتيجة محلياً.

هل يمكنني تحميل SVG مع DOCTYPE؟

يتم قبول إعلان مستند SVG القياسي وإزالته دون جلب معرفه الخارجي. يتم رفض إعلانات الكيانات المخصصة ومجموعات المستندات الفرعية الداخلية.

دورك الآن

اجعل المتجه (Vector) أخف وزناً، مع نتيجة يمكنك فحصها.

جرب عينة أو استخدم ملفك الخاص، وراجع النتيجة قبل المشاركة.

فتح ضاغط SVG

تفاصيل الصورة

اللغة38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

اختر لغتك. تستخدم دروس الفيديو حالياً التعليق الصوتي باللغة الإنجليزية.