تحويل SVG إلى PNG

كيفية تحويل SVG إلى PNG

1. أفلت ملف SVG واحدًا أو أكثر في منطقة الإفلات، أو انقر عليها لاختيارها. ويمكنك أيضًا فتح أو الصق شيفرة SVG، ولصق الشيفرة، ثم النقر على إضافة شيفرة SVG.
2. اختر حجم الإخراج: - معامل التكبير يضاعف الحجم الأصلي لملف SVG (القيمة 2 تعطي صورة بضعف العرض وضعف الارتفاع)؛ - العرض (والارتفاع يتبعه) أو الارتفاع (والعرض يتبعه) يحافظ على النسب؛ - عرض وارتفاع محددان يفرض البعدين كليهما؛ - الدقة (DPI) يرسم المقاسات الفيزيائية مثل 2in أو 50mm بالدقة المختارة.
3. اختر الصيغة: PNG أو JPG أو WebP. ولصيغتَي JPG وWebP شريط الجودة أيضًا.
4. في الخلفية، أبقِ شفافة أو اختر لون وحدّد لون الخلفية.
5. انقر التحويل إلى صورة. يحصل كل ملف على سطر فيه معاينة، ومقاسه الجديد بالبكسل، وزر تنزيل. يحفظ تنزيل الكل الملفات واحدًا تلو الآخر، ويضعها تنزيل ZIP في أرشيف واحد.

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

يصف ملف SVG أشكالًا لا بكسلات، لذا يمكن رسمه بحدة بأي حجم. ويأتي حجمه «الطبيعي» من السمتين width وheight لعنصر <svg> الجذري. وعند غيابهما، تستخدم هذه الأداة الـ viewBox (مثلًا viewBox="0 0 24 24" يعطي 24 × 24)، كما تفعل المتصفحات. وإن لم يحتوِ الملف على أي منهما، يُعتمد الحجم الافتراضي للمتصفحات وهو 300 × 150.

تُحوَّل الأطوال بالوحدات الفيزيائية بقاعدة CSS التي تعدّ 96 بكسل في البوصة: 1 in = 96 px، و1 cm ≈ 37.8 px، و1 pt = 1.33 px. ولهذا يذكر حقل DPI (96 = الحجم الأصلي) الرقم 96: فعند 300 DPI، تصبح أيقونة معرَّفة بـ width="1in" بعرض 300 بكسل، وهو ما تتوقعه المطبعة.

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

لا تستطيع المتصفحات إنشاء لوحة رسم أكبر من نحو 16.7 مليون بكسل (مثلًا 4096 × 4096). وإن طلبت أكثر، يُصغَّر الحجم إلى أكبر صورة ممكنة وتُعلمك رسالة بالحجم النهائي.

PNG أم JPG أم WebP؟

• PNG صيغة دون فقدان وتحتفظ بالشفافية: الخيار الأفضل للأيقونات والشعارات والمخططات.
• JPG لا تدعم الشفافية، فتُملأ المناطق الشفافة بلون الخلفية. استخدمها للرسوم الكبيرة حين يكون حجم الملف أهم من حدة الحواف.
• WebP تحتفظ بالشفافية وتكون عادةً أصغر من PNG؛ وتعرضها جميع المتصفحات الحالية.

الأمان والحدود

لا يُدرج ملف SVG الخاص بك في الصفحة أبدًا. بل يُرسم من عنوان blob خاص كصورة عادية، وهو وضع لا تشغّل فيه المتصفحات أي نص برمجي ولا تحمّل أي شيء آخر. ونتيجةً لذلك، لا تُحمَّل المراجع الخارجية: خطوط الويب من Google Fonts، والصور المرتبطة بروابط، وملفات CSS الخارجية كلها تُتجاهل، فقد يظهر النص بخط افتراضي. للحفاظ على المظهر الدقيق، حوّل النصوص إلى مسارات في محررك أو ضمّن الصور كـ Data URI قبل التحويل. ويبقى بالإمكان استخدام الخطوط المثبتة على حاسوبك، ومنها الخطوط العربية.

لا يُرفع أي شيء: يجري الرسم والترميز في متصفحك.