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

نشرت: 2023-01-13

تعد ملفات SVG طريقة رائعة لتخزين الصور المتجهة ، لكنها يمكن أن تكون ملفات كبيرة. فيما يلي بعض النصائح حول كيفية ضغط ملفات SVG: 1. استخدم محرر رسومات متجه مثل Adobe Illustrator أو Inkscape لتصدير ملف SVG كملف SVG "مضغوط". 2. استخدم أداة مثل SVGO لتحسين وضغط ملف SVG. 3. استخدم أداة مثل Gzip لضغط ملف SVG بشكل أكبر. 4. استخدم CDN مثل CloudFlare لخدمة ملف SVG المضغوط. 5. استخدم أداة مثل ImageOptim لتحسين ملف SVG للويب.

ملفات الرسومات القابلة للتحجيم (SVGs) هي صور مصممة خصيصًا للاستخدام على الإنترنت. يتم استخدام الملفات الموجودة في هذا القسم بشكل شائع بواسطة Cricut وغيرها من آلات الصياغة الشهيرة. تم تصميمها أيضًا بمستوى عالٍ من الوضوح للطباعة والصياغة. لكي تكون فعالة ، يجب ضغطها. يمكن ضغط الملفات التي تقوم بحفظها في DropBox أو الاحتفاظ بها على جهاز الكمبيوتر الخاص بك أو حفظها في محرك أقراص ثابت خارجي. يمكنك استخدام ملفات SVG المضغوطة لتخزين المزيد من البيانات في وحدة التخزين الافتراضية الخاصة بك. يختلف مقدار الانضغاط حسب نوع الملف.

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

كم يمكن ضغط Svg؟

كم يمكن ضغط Svg؟
مصدر الصورة: shrinkme.app

يمكن ضغط صور SVG باستخدام Gzip لتحقيق أحجام ملفات أصغر. عند استخدام Gzip ، يمكن تقليل حجم الملف بنسبة تصل إلى 70٪.

Scalable Vector Graphics ، أو SVG ، هو تنسيق صورة للرسومات ثنائية الأبعاد التي تستخدم XML (لغة التوصيف الموسعة). نظرًا لأنه مضغوط ، يكون ملف SVG ضخمًا. كثيرًا ما يستخدم مصممو الويب البرنامج لتصميم الشعارات وإضافة محتوى إلى مواقع الويب الخاصة بهم وحتى إنشاء رسوم متحركة بتنسيق GIF. إذا كان الملف كبيرًا جدًا ، فسيؤدي ذلك إلى إبطاء تحميل صفحة الويب وتثبيط المشاهدين. يمكن استخدام WorkinTool File Compressor لضغط ملفات SVG إلى حجم MP4. إنه لا يدعم ضغط SVG فحسب ، ولكنه يدعم أيضًا ضغط تنسيقات الصور والفيديو الأخرى. ضغط PPT وضغط PDF وضغط Word كلها ممكنة.

يمكنك ضغط وحجم أحجام ملفات SVG بالإضافة إلى تقليل حجم الملف ، طالما تم ضبط مستوى الجودة على الحجم المناسب. يمكن لـ WorkinTool File Compress ضغط جميع الملفات في فئة معينة في تشغيل مضغوط واحد ، بما في ذلك الصور ومقاطع الفيديو. باستخدام هذه الميزة ، من السهل تحميل الصور إلى مواقع الويب والتطبيقات التي لديها لوائح سهلة الاستخدام.

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

أحجام ملف Svg

نظرًا لاختلاف حجم الملف وخوارزمية الضغط المستخدمة ، يتراوح متوسط ​​حجم ملف SVG بين 1.46 و 7.27 ميغابايت. كما ذكرنا سابقًا ، لن تتغير جودة الملف.


لماذا ملف Svg كبير جدًا؟

لماذا ملف Svg كبير جدًا؟
مصدر الصورة: pinimg.com

يتم حل كل هذه الحالات إذا لم تضيف عناصر SVG أي تأثير مرئي ، مما يؤدي إلى زيادة كبيرة في حجم الملف. سيضع هذا الفكر أيضًا في الاعتبار بالإضافة إلى التعليقات. على سبيل المثال ، يضيف Illustrator تلقائيًا ملاحظات التصدير إلى SVGs لتجميع الملف.

يبلغ حجم شعار قالب WordPress 3 ميجابايت ، بينما يبلغ حجم الشعار الذي تم إنشاؤه لنا 33 ميجابايت. لقد استغرقت بعض المحاولات لتحسين الشعار الجديد ، لكنني أقوم بتخفيضه إلى 14 كيلوبايت فقط. نظرًا لوجود بيانات أكثر (في شكل مسارات وعقد) في ملف SVG عنها في ملف PNG ، فهو أكبر. يمكن وصف الصورة باستخدام ملف نصي مضغوط يمكن قراءته بواسطة الإنسان أو ملف JPEG. تحتوي ملفات PNG على بيانات ثنائية مضغوطة ، والتي يمكن قراءتها بنفس الطريقة تمامًا مثل البيانات الثنائية المضغوطة. يمكنك أيضًا استخدام ملف SVGZ ، وهو نسخة مضغوطة بتنسيق gzip من ملف. ملف VG. نظرًا لطبيعة SVG نفسها ، فقد تكون أو لا تكون صغيرة مثل PNG من حيث تقليل الحجم.

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

يمكن تغيير حجم صور Svg بسهولة

باستخدام زر "تغيير الحجم" ، يمكنك ضبط الإعدادات على صورة SVG للسماح بتكبيرها. يمكن إصلاح ذلك بسهولة عن طريق تقليل حجم صورة JPEG ؛ بشكل عام ، تكون أكبر من صور JPEG لنفس الصورة ، ولكن يمكن تصحيح ذلك بسهولة.

ضغط كود Svg

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

إذا قمت برسم ملفات SVG الخاصة بك أو تنزيلها من الإنترنت ، فإن هذه الأدوات ، مثل SVG-Editor أو SVGOMG ، هي أفضل رهاناتك. يمكنك تقليل حجم ملفك بشكل ملحوظ باستخدام هذه الأدوات ، والتي تستغرق بضع ثوانٍ فقط. إذا كنت تواجه مشكلة في تشغيل التعليمات البرمجية الخاصة بك عند استخدام SVG المضمّن ، فلا يزال هناك الكثير الذي يمكنك القيام به لتحسين وضوحها. إذا قمنا بتكبيره وإضافة مساحة سالبة على المحور X ، فيمكننا البدء في استنساخ رائد الفضاء الخاص بنا من المنتصف. لا يمكن رؤية أي شيء داخل خاصية> defs>. يمكن اكتشاف ViewBox من خلال زيارة دليل SVG التحجيم الجميل من Amelia Wattenberger. من الممكن الرسم مباشرة باستخدام xlink: href باستخدام اسمه في الترميز الخاص بك.

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

استخدم Nano لضغط صور Svg الخاصة بك

نظرًا لأن صور SVG غالبًا ما تكون أكبر من الصور القياسية ، يمكن أن تستهلك مساحة كبيرة على محرك الأقراص الثابتة وتبطئ موقع الويب الخاص بك. ستكون صور SVG الخاصة بك أصغر وأسرع في التحميل إذا كنت تستخدم ضغط Nano. يمكنك أيضًا ضغط الخطوط الخاصة بك إذا كانت مضمنة في ملف a.sva ، مما يوفر لك الوقت والنطاق الترددي.

كيفية إصلاح ملف Svg

إذا لم يتم عرض ملف SVG بشكل صحيح ، فهناك بعض الأشياء التي يمكنك محاولة إصلاحها. أولاً ، تحقق للتأكد من أن الملف بتنسيق XML جيد. إذا لم يكن كذلك ، يمكنك محاولة تشغيله من خلال محلل XML لإصلاح أي أخطاء. ثانيًا ، حاول تغيير ترميز الملف إلى UTF-8. أخيرًا ، تأكد من عرض الملف في متصفح متوافق مع SVG. إذا فشل كل شيء آخر ، يمكنك محاولة فتح الملف في محرر SVG وإصلاح أي أخطاء يدويًا.

يمكن أن يكون ملف svg التالف أو التالف عملية مستهلكة للوقت ومحبطة. في هذا البرنامج التعليمي ، سأغطي ما يمكن أن يكسر svg وكيف يمكنك إصلاحه باستخدام برنامج Cricut Design Space. إذا تعرض ملف svg للتلف أو التلف ، فلديك بعض الخيارات. إذا كانت صورة البائع الخاصة بك معطلة ، فيرجى الاتصال بهم. من الأفضل شراء قطعة عالية الجودة لتجنب قضاء الوقت في إصلاح الانطباع السيئ. فيما يلي قائمة بملفات svg عالية الجودة المتوفرة للتنزيل.

ضغط ملفات Svg عبر الإنترنت بشكل جذري

هناك العديد من الطرق لضغط ملفات svg عبر الإنترنت ، لكن معظمها يتطلب اشتراكًا مدفوعًا. ومع ذلك ، هناك بعض الأدوات المجانية عبر الإنترنت التي يمكن أن تساعدك في ضغط ملفات svg دون فقدان الجودة.

ضغط الصور المجاني عبر الإنترنت لـ JPEG و PNG و. JPG ،. VG و. F GIF. من خلال تقليل حجم ملفاتهم ، يمكنهم تقليل حجم ملفاتهم بشكل كبير. من خلال فتح تطبيق الويب في أي من متصفحات الويب لديك ، يمكنك الوصول إليه. بالنقر فوق الزر قبول ، فإنك توافق على استخدام ملفات تعريف الارتباط في جميع السياقات.