لحظة من فضلك...(/)
نحن حاليًا نقوم ضغط صورك. يرجى الانتظار قليلاً لضمان أفضل النتائج جودة لك.
رائع، لقد قمنا بضغط صورك بنجاح.
صورة تم تحسينها.
ضغط صور SVG عبر الإنترنت
احذف البيانات الإضافية واحتفظ بالمتجه: سيظهر SVG كما هو تمامًا
جارٍ ضغط صورك...
ضغط ملفات SVG عن طريق حذف ما تركه المحرر خلفه
إذا فتحت ملف SVG في المفكرة، سترى كل شيء: الوسوم، الأرقام، النصوص. هذا هو جوهر هذا النوع من الملفات. لا يوجد بكسلات، ولا صورة فوتوغرافية، فقط تعليمات لرسم الأشكال. هذا مهم لأنه يغيّر معنى الضغط هنا. لا يتم ضغط أو تقريب أي شيء. النصوص الزائدة فقط تُزال، والرسم يبقى كما هو دون تغيير.
من أين يأتي الحجم فعلياً
يكاد لا يكون العمل الفني نفسه هو السبب. عند تصدير شعار من Illustrator أو Figma أو Inkscape، يصل الملف محملاً بأوراق المحرر: تعليق منشئ، وDOCTYPE لم يعد أحد بحاجة إليه منذ 2008، وتصريح XML، وكتلة بيانات وصفية تصف المستند بلغة RDF، وأسماء الطبقات، وكتلة أنماط مليئة بفئات لا يستخدمها أي عنصر. في شعار حقيقي قمنا باختباره، شكّل كل ذلك حوالي ثلثي حجم الملف. أما الأشكال نفسها فكانت الجزء الصغير.
ثم هناك الأرقام. المحررات تكتب الإحداثيات بدقة عائمة كاملة، لذا فإن مستطيل يقع عند 10 وعرضه 180 يُخزن كـ 10.000000 و180.00000000. إذا ضربت ذلك في كل نقطة في كل مسار، يمكن أن تتجاوز الكسور العشرية وحدها حجم الرسم نفسه.
يبقى متجهياً، فلا يوجد جودة يمكن فقدانها
هذه هي النقطة التي يقلق منها الناس بلا داعٍ. ملف SVG ليس له دقة محددة. يتم رسمه من جديد بأي حجم يُعرض به، سواء كان رمز مفضلة بحجم 16 بكسل أو لوحة إعلانات. إزالة كتلة البيانات الوصفية لا يغيّر أي شيء من ذلك. الملف الناتج يمكن تكبيره وتصغيره تماماً مثل الملف الأصلي، ويبدو مطابقاً في كل حجم، ولا يزال قابلاً للتحرير الكامل في البرنامج الذي أنشأته فيه.
ما الذي يتم حذفه
عملية التنظيف محافظة بطبيعتها. تستهدف الأشياء التي لا تؤثر على العرض.
| تمت إزالته | تم الاحتفاظ به |
|---|---|
| تعليقات المحرر وسلاسل المنشئ | كل شكل ومسار ومنحنى |
| كتلة البيانات الوصفية ومساحات أسماء RDF الخاصة بها | الألوان والتدرجات والشفافية |
| DOCTYPE وتصريح XML | عناصر النص والخطوط |
| تعريفات غير مستخدمة | الفلاتر والأقنعة ومسارات القص المستخدمة |
| المجموعات والطبقات الفارغة | التحويلات وviewBox |
| الأرقام الزائدة بعد الفاصلة في الإحداثيات | أي شيء يغيّر ما تراه |
لماذا صغر حجم ملفات SVG أهم من صغر حجم الصور
عادةً ما يكون ملف SVG شعاراً أو أيقونة، أي أنه يظهر في رأس كل صفحة على الموقع ويتم تحميله قبل أي شيء آخر. الصور تُحمّل متأخرة وبشكل كسول، أما الأيقونات فلا. تقليل بضع كيلوبايتات من شعار الرأس له أثر أكبر على سرعة الصفحة من تقليل نفس المقدار من صورة في منتصف المقال، لأن الرأس هو ما ينتظره المتصفح قبل أن يبدأ بالرسم.
شيء واحد يستحق التحقق منه قبل النشر
عملية التنظيف تقصر سمات id الداخلية في الملف. يتم تحديث المراجع داخل نفس ملف SVG لتتطابق، بحيث تستمر التدرجات والأقنعة ومسارات القص بالعمل ويظل الرسم كما هو تماماً. ما لا يمكن معرفته هو الكود خارج الملف. إذا كان ملف SVG جزءاً من مجموعة أيقونات تشير إليها صفحات أخرى، أو إذا كان هناك ملف CSS أو سكريبت يصل إلى عنصر عبر id، يجدر اختبار هذه الروابط بعد استبدال الملف. أما في حالة شعار بسيط أو أيقونة مصدّرة، وهي معظم ملفات SVG، فلا يوجد ما يدعو للقلق.
إذا كان ملف SVG يحتوي على صورة فوتوغرافية بداخله
أحياناً لا يكون ملف SVG متجهاً فعلاً. إذا وضعت صورة على مساحة العمل في Illustrator وصدّرتها كـ SVG، ستُدمج الصورة كسلسلة base64 طويلة داخل XML. قد يصبح حجم الملف ميغابايتين مع وجود شكل واحد فقط. تنظيف الشيفرة لن يمس هذه الكتلة، لأنها ليست شيفرة. إذا لم يتقلص حجم الملف كثيراً وكان يحتوي أصلاً على صورة، فهذا هو السبب، والحل هو إخراج الصورة وضغطها كـ JPEG أو PNG بشكل منفصل.
لا إعدادات مطلوبة
لا توجد خيارات، ولا مستوى ضغط، ولا تبويب متقدم. ارفع الملف، وستحصل عليه نظيفاً. رفع عدة ملفات دفعة واحدة يعمل بنفس الطريقة، ويمكنك تنزيلها واحدة تلو الأخرى عند الانتهاء أو تحميل المجموعة كاملة كملف ZIP.
ماذا يحدث لملفاتك
يتم نقل الملفات عبر اتصال مشفر، وتنظيفها، ثم حذفها من الخادم بعد ساعة واحدة. لا يتم الاحتفاظ بأي شيء، ولا يُستخدم لأي غرض آخر.
ما الذي ستحصل عليه
- إزالة بيانات المحرر، تعليقات المنشئ، DOCTYPE والتعريفات غير المستخدمة
- تقريب الإحداثيات إلى دقة منطقية بدلاً من تسعة منازل عشرية
- ملف لا يزال يمكن تكبيره بلا حدود ويفتح في محررك
- عرض مطابق في كل حجم، تم التحقق منه مقارنة بالأصلي
- رفع دفعي، مع تنزيل فردي أو المجموعة كاملة كملف ZIP
- لا حساب، لا تثبيت، والملفات تُحذف من الخادم بعد ساعة
ما الخطوة التالية؟
تعمل على شعار له نسخة نقطية أيضاً؟ ضغط PNG يتعامل مع النسخة الشفافة وضغط WebP مع النسخة الحديثة. وإذا كان ملف SVG يحتوي على صورة فوتوغرافية بداخله، ضغط JPG هو المكان المناسب لتلك الصورة.
الأسئلة الشائعة
لا، ولا يمكن أن يحدث ذلك. ملف SVG لا يحتوي على بكسلات ولا دقة محددة. هو عبارة عن مجموعة تعليمات رسم يتبعها المتصفح عند كل حجم يظهر فيه، لذا فهو بنفس الحدة على الهاتف كما هو على لوحة إعلانات. تنظيف الملف يزيل النصوص التي لا ترسم شيئاً، مثل التعليقات والبيانات الوصفية. الأشكال والمنحنيات والألوان تبقى كما هي، لذا النتيجة تظهر مطابقة في كل حجم.
الأوراق التي أضافها محررك. برامج Illustrator وFigma وInkscape تكتب تعليق منشئ، وتصريح XML، وDOCTYPE، وكتلة بيانات وصفية بلغة RDF، وأسماء الطبقات، وغالباً كتلة أنماط تحتوي على فئات لا يستخدمها أي عنصر. بالإضافة إلى ذلك، تُكتب الإحداثيات بدقة كاملة، لذا يتم تخزين قيمة 180 كـ 180.00000000. في شعار مصدّر نموذجي، كل ذلك يشكل تقريباً ثلثي حجم الملف. الجزء الذي يرسم الصورة هو الجزء الصغير.
نعم. الملف الناتج هو SVG عادي، لذا يفتح في Illustrator أو Figma أو Inkscape أو أي محرر نصوص تماماً مثل الأصلي. الفرق الوحيد أن بعض بيانات المحرر الإدارية قد أُزيلت، لذا قد لا تعود أسماء الطبقات كما تركتها. أما العمل الفني نفسه فلا يتغير ويظل قابلاً للتحرير بالكامل.
هناك سببان شائعان. إما أن الملف كان محسناً بالفعل، وهذا يحدث مع ملفات SVG المصدّرة من أدوات تنظف الملف تلقائياً أو الملفات التي مرت على أداة تحسين من قبل، أو أن الملف يحتوي على صورة فوتوغرافية مدمجة. هذا السبب الثاني يوقع الكثيرين: وضع صورة على مساحة العمل في Illustrator وتصديرها كـ SVG يدمج الصورة كسلسلة base64 داخل XML. هذه الكتلة هي بيانات صورة وليست شيفرة، لذا تنظيف الشيفرة يتركها كما هي. إذا كان ملف SVG بحجم ميغابايتين لم يتغير حجمه تقريباً، افتحه في محرر نصوص وابحث عن سلسلة طويلة تبدأ بـ data:image.
قد يحدث ذلك، ويستحق أن تعرف قبل النشر. عملية التنظيف تقصر سمات id داخل الملف. يتم إعادة كتابة المراجع داخل نفس ملف SVG لتتطابق، بحيث تستمر التدرجات والأقنعة ومسارات القص بالعمل وتظل الصورة كما هي. أما الكود خارج الملف فهو أمر مختلف: إذا كان ملف CSS يستهدف عنصراً عبر id، أو إذا كان JavaScript يحرك عقدة معينة، أو إذا كان الملف جزءاً من مجموعة أيقونات تشير إليها صفحات أخرى، اختبر هذه الأمور بعد استبدال الملف. أما في حالة شعار مستقل أو أيقونة مصدّرة، وهي معظم ملفات SVG، فلا داعي للقلق.
نعم، ويعمل الاثنان معاً بشكل مكمل وليس متنافس. هذه العملية تزيل النصوص التي لا يجب أن تكون في الملف أصلاً. gzip، الذي يطبقه خادم الويب عند إرسال الملف، يضغط النص المتبقي. القيام بالأمرين هو الممارسة المعتادة، والنتيجة المجمعة أصغر من أي منهما وحده. من المفيد أيضاً التأكد من أن الخادم فعلاً يفعّل الضغط لنوع المحتوى image/svg+xml، لأن بعض الإعدادات الافتراضية تغطي فقط HTML وCSS وJavaScript.