تحويل SVG إلى PNG

ما الذي تفعله الأداة

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

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

طريقة الاستخدام

1. الصق شيفرة <svg> في المحرر، أو انقر رفع ملف لفتح ملف، أو اسحب ملفًا إلى الصفحة. يحمّل مثال شعارًا صغيرًا.
2. اختر الحجم: يستخدم 1× أبعاد SVG الأصلية، ويضاعفها 2×–4×. أو اكتب عرضًا مخصصًا بالبكسل؛ ويتبع الارتفاع نسبة الأبعاد.
3. اختر الصيغة: PNG لمخرجات بلا فقدان مع الشفافية، وJPG للصور الفوتوغرافية والتوافق، وWebP للملفات الصغيرة.
4. اختر الخلفية: شفافة، أو بيضاء، أو أي لون.
5. انقر تنزيل. يعرض السطر أسفل المعاينة الحجم النهائي بالبكسل والصيغة وحجم الملف.

كيف يُحسب الحجم

تنظر الأداة إلى عنصر <svg> الجذر. تُحوَّل قيم width وheight المكتوبة بوحدات px أو pt أو mm أو cm أو in أو em إلى بكسل. وإذا كانت مفقودة أو مكتوبة كنسب مئوية، يُستخدم عرض viewBox وارتفاعه بدلًا منها. ثم يُطبَّق المقياس المختار أو العرض المخصص، ويُعاد كتابة SVG بأحجام صريحة بالبكسل كي ترسمه كل المتصفحات بالطريقة نفسها.

مثال

أيقونة تحمل viewBox="0 0 24 24" دون width أو height تصبح PNG بحجم 24 × 24 عند 1×. وعند 4× تصبح 96 × 96، ومع عرض مخصص قدره 512 تصبح PNG بحجم 512 × 512 مناسبة لأيقونة متجر التطبيقات، وتبقى حادة تمامًا لأنها تُعرض من المتجهات بدلًا من تكبيرها.

نصائح

• يُبلَّغ عن XML غير الصالح مع رقم السطر، لذا يمكنك الانتقال مباشرةً إلى موضع المشكلة.
• الصور النقطية المضمّنة (<image href="data:...">) تعمل؛ أما الروابط الخارجية فلا.
• تستخدم النصوص الخطوط المثبتة على حاسوبك. للحصول على نتائج متطابقة بالبكسل في كل مكان، حوّل النصوص إلى مخططات (outlines) في أداة التصميم أولًا.
• أكبر مخرجات ممكنة محدودة بحجم canvas في المتصفح، نحو 16,000 بكسل لكل ضلع.