محسن SVG

إزالة بيانات XML الوصفية وحذف التعليقات وضغط المسافات البيضاء حتى يتم شحن أعمال SVG بشكل أسرع.

العودة إلى الأدوات

تحسين الفيكتورات...

أسقط أيقونات SVG أو رسومات أو مكتبات مضغوطة

كل شيء يبقى في جهازك حتى توافق على التنظيف، والمعاينات تبرز تغييرات المسارات.

يزيل التعليقات والبيانات الوصفية بأمان أرشيفات SVGZ و ZIP مدعومة

قائمة انتظار SVG

  • أضف ملفات SVG لمعاينة حجمها وحالتها قبل التصغير.

خيارات التنظيف

مفاتيح تنظيف الفيكتور

نحن لا نلمس أبداً viewBox أو المعرفات أو التدرجات، لذا تبقى حركاتك وروابط CSS سليمة.

أسقط الملفات لمشاهدة المعاينات المباشرة.

تقدم الدفعة

الملفات الأصلية المرفوعة تختفي فوراً بعد تسليم الفيكتور المحسّن.

ملفات SVG المحسّنة ستظهر هنا مع توفير الحجم وأزرار التحميل.

<p>يزيل <strong>محسّن SVG</strong> الأجزاء غير الضرورية من ملفات SVG على مستوى النص. يحذف تعليقات XML والإعلان الاختياري لـ XML وكتلة البيانات الوصفية بالكامل، ثم يطوي المسافات البيضاء بين الوسوم. لا تتغير الترميزات المرئية والسمات والمسارات والسلوك الرسومي. يمكن معالجة ما يصل إلى 50 ملف في كل دفعة، وبحد أقصى 40 ميجابايت لكل ملف. عادة ما تنضغط الملفات التي أنشأها الإنسان أو التي تصدرها أدوات التصميم بنسبة 20 إلى 60 في المائة دون أي فرق بصري.</p> <h2>ما يزيله المحسّن</h2> <p>ثلاث خيارات مستقلة، كل منها آمن للتطبيق على أي ملف SVG صحيح:</p> <ul> <li><strong>إزالة تعليقات XML:</strong> يحذف جميع كتل <code>&lt;!-- ... --&gt;</code>. التعليقات شائعة في تصديرات أدوات التصميم (Illustrator و Sketch و Figma جميعها تضيف تعليقات مثل "Generator: Sketch 96")، لكن المحرّك يتجاهلها تماماً.</li> <li><strong>إزالة البيانات الوصفية:</strong> يحذف كتلة <code>&lt;metadata&gt;...&lt;/metadata&gt;</code> بالكامل (التي غالباً ما تحتوي على بيانات RDF أو معلومات الترخيص أو بيانات تتبع أدوات التصميم) والإعلان الاختياري <code>&lt;?xml ... ?&gt;</code> في أعلى الملف. كلاهما غير مرئي في النتيجة المرسومة ويضيف عادة 100 إلى 500 بايت لكل ملف.</li> <li><strong>طي المسافات البيضاء:</strong> يزيل المسافات البيضاء بين الوسوم (المحاذاة التي تجعل SVG قابلاً للقراءة من قبل الإنسان) ويطوي سلاسل المسافات المتعددة إلى مسافات مفردة. معظم أدوات التصميم تصدّر SVG مع محاذاة لعرض المحرّر، لكن المحرّك لا يهتم بذلك.</li> </ul> <h2>ما لا يلمسه المحسّن</h2> <p>المحسّن متحفظ بقصد. يعدّل فقط النصوص حول محتوى SVG الفعلي، ولا يلمس SVG نفسه. على وجه التحديد:</p> <ul> <li><strong>بيانات المسار لم تتغير.</strong> إحداثيات المسار والدقة العشرية وأوامر المنحنيات تبقى بالضبط كما كتبتها المصدر. الإحداثي الذي يحتوي على 14 منزلة عشرية يبقى 14 منزلة عشرية.</li> <li><strong>السمات تُحفظ حرفياً.</strong> لا إزالة للتكرار، لا تبسيط، لا اختصار لقيم الألوان، لا دمج للتحويلات.</li> <li><strong>لا حذف للعناصر.</strong> العناصر غير المرئية والتعاريف غير المستخدمة والأشكال ذات الحجم الصفري محفوظة.</li> <li><strong>لا إعادة حساب للـ viewBox أو الأبعاد.</strong></li> </ul> <p>الفائدة هي الأمان: المخرجات تُرسم بشكل متطابق للمصدر على كل متصفح. المقابل هو أنه لا يمكنك استخراج آخر بايت من ملف SVG معقد بالطريقة التي يستطيعها محسّن شامل (SVGO مع جميع الملحقات مفعّلة). بالنسبة لمعظم ملفات SVG التي أنشأها الإنسان أو التي صدّرتها أدوات التصميم، الأرباح من إزالة التعليقات والبيانات الوصفية والمسافات البيضاء وحدها تصل إلى 20 إلى 60 في المائة، وهذا يغطي الحالة النموذجية. إذا كنت تحتاج إلى تحسين أعمق (تبسيط المسار، تقريب عشري، اختصار الألوان)، استخدم أداة مخصصة مثل SVGO بعد ذلك.</p> <h2>متى يكون تحسين SVG مهماً</h2> <ul> <li><strong>مجموعات الرموز المشحونة على الويب:</strong> الواجهة النموذجية تستخدم عشرات رموز SVG. تحسين كل منها قبل النشر يتراكم عبر كل تحميل صفحة.</li> <li><strong>ملفات SVG المدمجة في HTML:</strong> عندما يكون SVG مدمجاً مباشرة في مصدر الصفحة (بدلاً من تحميله كملف خارجي)، كل بايت من الأجزاء غير الضرورية يضيف إلى payload HTML الذي يحجب الرسم الأول.</li> <li><strong>رسوم توضيحية SVG على صفحات الهبوط:</strong> الرسوم التوضيحية الكبرى المصدّرة من Illustrator أو Figma تحمل عادة 30 إلى 50 في المائة من الأجزاء غير المرئية.</li> <li><strong>الشعارات والـ favicons:</strong> شعار العلامة التجارية SVG يُحمّل على كل صفحة من صفحات الموقع. تقليصه مرة واحدة يوفر أرباحاً دائمة.</li> <li><strong>أصول SVG في تطبيقات الهاتف المحمول:</strong> حجم حزمة التطبيق مهم؛ ملفات SVG الأنظف تُشحن في حزم أصغر.</li> </ul> <h2>ملاحظات سير العمل</h2> <p>حسّن في الخطوة الأخيرة قبل النشر أو الالتزام. المخرجات لا تزال ملف SVG قابلاً للتحرير بالكامل (المحسّن يزيل فقط المحتوى غير المرئي)، لكنه لم يعد صديقياً للإنسان بسبب المسافات البيضاء المطوية. احتفظ بملفات المصدر الخاصة بك في الشكل المحاذى الأصلي حتى تتمكن من المتابعة في تحرير أداة التصميم الخاصة بك أو تعديل الترميز لاحقاً. بالنسبة للملفات التي لا تكون أرباح المحسّن فيها كافية (الرسوم التوضيحية الثقيلة التي تحتوي على العديد من إحداثيات المسار)، فكر في تشغيل النتيجة من خلال محسّن يدرك المسار مثل SVGO قبل النشر.</p> <p>SVG هو تنسيق متجه ويُرسم بوضوح بأي حجم، لكن إذا كنت تحتاج فعلاً إلى مخرجات نقطية لسياق لا يدعم SVG (عملاء البريد الإلكتروني القدامى، خطوط الطباعة المعينة)، يقوم <a href="/en/image-converter">محول الصور</a> برسم SVG إلى PNG أو JPG أو WebP بأي أبعاد بكسل. لتجميع مجموعة من ملفات SVG في وثيقة واحدة قابلة للمشاركة، يقوم <a href="/en/image-to-pdf">محول الصور إلى PDF</a> بحزمها في ملف PDF متعدد الصفحات.</p> <h2>تحسين الدفعات والخصوصية</h2> <p>كل تحسين يعمل في الذاكرة على الخادم. تتدفق الملفات إلى نقطة نهاية المحسّن، وتُعالج كنص (SVG نفسه نص وليس ثنائي مثل JPG أو PNG)، وتعود داخل استجابة JSON. لا شيء يُكتب على القرص أو يُفهرس أو يُسجل أو يُخزن مؤقتاً. يُحرّر Buffer بمجرد إرسال الاستجابة. يمكن معالجة ما يصل إلى 50 ملف في كل دفعة، وبحد أقصى 40 ميجابايت لكل ملف. يتم فك أرشيفات ZIP على جانب الخادم وكل إدخال يُحسب ضد نفس حد الـ 50 ملف. الخيارات الثلاثة نفسها تنطبق على كل ملف في الدفعة. تُرجع المخرجات بشكل فردي أو تُعاد حزمها في ملف ZIP تنزيل واحد للدفعات فوق ملف واحد.</p> <h2 class="tools-section-title">الأسئلة الشائعة</h2> <div class="collapse-group collapse-group-narrow"> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_1"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">كم سيصبح ملف SVG أصغر بعد التحسين؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>بالنسبة لمعظم ملفات SVG التي أنشأها الإنسان أو التي صدّرتها أدوات التصميم، توقع تقليل الحجم بنسبة 20 إلى 60 في المائة. الأرباح الدقيقة تعتمد على كيفية إنشاء المصدر. تصديرات Illustrator و Sketch التي تحتوي على بيانات وصفية مدمجة وتعليقات وترميز محاذى توفر الأكثر (غالباً ما تكون أعلى من 40 في المائة). ملفات SVG النظيفة بالفعل (المكتوبة يدوياً أو المنظفة مسبقاً بأداة أخرى) توفر أقل. الأرباح تأتي من التعليقات وكتلة البيانات الوصفية والإعلان XML والمسافات البيضاء بين الوسوم. الترميز المرئي الفعلي لم يتغير.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_2"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">هل سيُرسم ملف SVG المحسّن بنفس طريقة الملف الأصلي؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>نعم. المحسّن يزيل فقط تعليقات XML وكتلة البيانات الوصفية والإعلان XML والمسافات البيضاء بين الوسوم. لا شيء من ذلك يؤثر على الرسم. إحداثيات المسار والسمات والتعبئات والحدود والتحويلات والـ viewBox والتدرجات والمرشحات والرسوم المتحركة جميعها تمر دون تغيير. المخرجات تنتج نتائج متطابقة البكسل في كل متصفح.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_3"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">هل المحسّن يبسط إحداثيات المسار أو يقرب الدقة العشرية؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>لا. بيانات المسار محفوظة حرفياً. الإحداثي المكتوب كـ 47.3892756432198 يبقى 13 منزلة عشرية في المخرجات. المحسّن متحفظ بقصد ولا يلمس هندسة SVG على الإطلاق. هذا يبقي المخرجات آمنة مضمونة ومتطابقة بصرياً مع المصدر. للحصول على تحسين أعمق يتضمن تقريب عشري وتبسيط المسار، قم بتشغيل الملف المحسّن من خلال أداة مخصصة مثل SVGO بعد ذلك.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_4"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">هل من الآمن حذف إعلان XML في أعلى الملف؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>بالنسبة إلى SVG المدمج بشكل مباشر في HTML أو المشار إليه عبر وسوم img/object في المتصفحات الحديثة، نعم. إعلان XML (<code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;</code>) اختياري وغالباً ما يتم حذفه من SVG المدمج. بالنسبة لملفات SVG المستقلة المقدمة مع نوع MIME application/svg+xml، الإعلان موصى به تقنياً بواسطة مواصفات XML لكن لا متصفح حديث يتطلبه. إذا كان لديك مستهلك معين يشتكي من غيابه (سير عمل طباعة، محلل XML قديم)، قم بإيقاف خيار إزالة البيانات الوصفية للاحتفاظ بالإعلان في مكانه.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_5"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">هل يمكنني تحرير ملف SVG المحسّن في Illustrator أو Figma؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>نعم، ملف SVG المحسّن لا يزال ملف SVG صحيح بالكامل يُفتح في أي محرر متجه (Illustrator و Inkscape و Figma و Sketch وغيرها). ومع ذلك، المسافات البيضاء المطوية تجعل المصدر أقل قابلية للقراءة ملحوظاً إذا فتحته في محرر نصوص لتعديلات يدوية. سير العمل الموصى به هو الاحتفاظ بالنسخة المحاذاة الأصلية كمصدر الحقيقة الخاص بك، وإطعام النسخة المحسّنة فقط في الإنتاج. عندما تحتاج إلى إجراء تغييرات، عدّل المصدر وأعد تشغيل المحسّن.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_6"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">هل سيكسر المحسّن رسوم SVG المتحركة أو التفاعلية؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>لا. رسوم SMIL المتحركة (animate و animateTransform و animateMotion) وفئات CSS والأنماط المدمجة وخطافات JavaScript عبر المعرفات وأهداف التفاعل click/hover جميعها تعيش في الترميز المرئي، الذي لا يلمسه المحسّن. يتم حذف التعليقات وكتلة البيانات الوصفية والإعلان XML والمسافات البيضاء بين الوسوم فقط. الشعارات المتحركة والرسوم البيانية التفاعلية SVG والرسوم المتحركة CSS المدمجة تستمر في العمل بالضبط كما هو الحال من قبل.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_7"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">كيف يختلف هذا عن SVGO؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>SVGO محسّن عميق يفهم SVG دلالياً؛ يمكنه تبسيط المسارات وتقريب إحداثيات عشرية وإزالة السمات المكررة ودمج العناصر الشقيقة وحذف التعاريف غير المستخدمة واختصار قيم الألوان والمزيد. هذه الأداة منظف نصي خفيف الوزن يزيل فقط التعليقات والبيانات الوصفية والمسافات البيضاء. الفرق هو التحفظ: هذه الأداة لن تكسر أبداً ملف SVG لأنها لا تلمس الهندسة أو السمات؛ SVGO يمكن أن يقدم أحياناً فروقات رسم دقيقة عندما يعمل أحد ملحقاته العدوانية. بالنسبة لمعظم حالات الاستخدام، التنظيف الخفيف هنا كافٍ. للحصول على تحسين بحد أدنى من البايتات، قم بتشغيل SVGO بعد ذلك.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_8"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">هل يمكنني تحسين دفعة من ملفات SVG في وقت واحد؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>نعم. يصل إلى 50 ملف SVG في كل دفعة، وبحد أقصى 40 ميجابايت لكل ملف. الخيارات الثلاثة نفسها (إزالة التعليقات وإزالة البيانات الوصفية وطي المسافات البيضاء) تنطبق على كل ملف في الدفعة، وهذا ما تريده عند تحسين مجموعة رموز كاملة أو مجلد من تصديرات أدوات التصميم. يتم فك أرشيفات ZIP على جانب الخادم وكل إدخال يُحسب ضد نفس حد الـ 50 ملف. تُرجع المخرجات بشكل فردي أو تُعاد حزمها في ملف ZIP تنزيل واحد.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_9"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">هل يتم تخزين الملفات المرفوعة في أي مكان؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>لا. تُعالج الملفات بالكامل كنص في الذاكرة على الخادم. لا شيء يُكتب على القرص أو يُفهرس أو يُسجل أو يُخزن مؤقتاً. يُحرّر Buffer بمجرد إرسال الاستجابة. الأداة لا تتطلب تسجيلاً ولا تتتبع ملفات SVG التي حسّنتها.</p> </div> </div> </div> <div class="collapse-container collapse-faq" data-collapse-accordion data-collapse-group="seo-faq" data-collapse-no-save data-collapse-key="seo_faq_10"> <button class="collapse-header" type="button"> <div class="collapse-header-content"> <i class="fas fa-lightbulb collapse-header-icon" aria-hidden="true"></i> <span class="collapse-header-title">هل محسّن SVG مجاني وهل يلزم التسجيل؟</span> </div> <i class="fas fa-chevron-down collapse-chevron" aria-hidden="true"></i> </button> <div class="collapse-content"> <div class="collapse-content-inner"> <p>مجاني بدون تسجيل. لا حدود معدل، لا علامات مائية مضافة إلى المخرجات، لا طبقة مميزة مع ميزات إضافية محجوزة. الشيء نفسه ينطبق على جميع أدوات imgdeal، بما في ذلك <a href="/en/image-converter">تحويل التنسيق</a> و<a href="/en/image-compressor">الضغط</a> و<a href="/en/image-resizer">تغيير الحجم</a> و<a href="/en/image-cropper">القص</a>.</p> </div> </div> </div> </div>