تحويل SVG إلى PNG — بأي مقياس وبخلفية شفافة
محوّل في المتصفح من SVG إلى PNG أو JPG أو WebP بمقياس أو عرض محدد
تعمل في متصفحك · لا يُرفع أي شيء
أفلت ملف SVG هنا
حوّل ملف SVG واحدًا (حتى 10 ميغابايت) إلى PNG أو JPG أو WebP. لا يغادر الملف متصفحك.
يحافظ PNG وWebP على الشفافية. احفظ الأيقونات بمقياس 2× إلى 4× لتبقى حادة على الشاشات عالية الدقة.
ما هذه الأداة؟
محوّل يحوّل رسومات SVG المتجهية إلى صور عادية مثل PNG. يبقى SVG حادًا بأي حجم، لكن تطبيقات المحادثة وبرامج المكتب وشبكات التواصل الاجتماعي وكثيرًا من نماذج الرفع لا تقبله. اختر مقياسًا أو عرضًا، واحفظ ملف PNG، واستخدمه في أي مكان. يمكنك إفلات ملف أو لصق شيفرة SVG، وتبقى الشفافية محفوظة.
طريقة الاستخدام
- اختر ملف وأفلت ملف SVG، أو اختر لصق الشيفرة والصق شيفرة تبدأ بـ
<svg>. - من الصيغة اختر PNG أو JPG أو WebP.
- من الحجم اختر من 1× إلى 4× أو اكتب عرضًا بالبكسل.
- أبقِ الخلفية شفافة أو املأها بلون. في JPG تُملأ دائمًا.
- تحقق من المعاينة وانقر حفظ PNG.
كيف تعمل الأداة؟
- الحجم الأصلي: العرض والارتفاع في عنصر
<svg>الجذري (تُحوَّل px وpt وmm وcm وin إلى بكسلات CSS)؛ وإذا وُجد أحدهما فقط يُحسب الآخر من نسبة viewBox. ولا تُستخدم النسب المئوية حجمًا. - تغيير المقياس: يُضبط العرض والارتفاع على حجم الإخراج، ويُضاف viewBox من الحجم الأصلي إذا كان مفقودًا، فيتغير مقياس الرسم كله معه.
- الرسم: يرسم المتصفح ملف SVG كصورة وتُنسخ النتيجة إلى لوحة رسم. وفي هذا الوضع لا تُحمَّل الملفات الخارجية أبدًا ولا تُشغَّل السكربتات (قواعد الأمان الخاصة بعرض SVG كصورة).
- التحذيرات: يُبلَّغ مسبقًا عن المراجع الخارجية والنصوص (الخطوط) وforeignObject والسكربتات والحركة. وتُحفظ الحركة بإطارها الأول.
- الحدود: 16,384 px لكل ضلع، و16,777,216 بكسل على iPhone وiPad؛ ويُصغَّر الناتج الأكبر من ذلك.
أمثلة
| ملف SVG | الإعداد | النتيجة |
|---|---|---|
| icon.svg (viewBox 0 0 24 24) | PNG بمقياس 4×، شفاف | icon.png بحجم 96×96، شفاف |
| logo.svg (العرض 200، الارتفاع 80) | العرض 1000 px | logo.png بحجم 1000×400 |
| chart.svg (بلا حجم) | JPG بمقياس 2×، أبيض | chart.jpg بحجم 600×300 |
لمجموعة كاملة من أيقونات المواقع استخدم مولّد الأيقونات المفضلة (favicon)، ولتحويل PNG إلى صيغة أخرى استخدم محوّل صيغ الصور.
الأسئلة الشائعة
ما المقياس الذي أستخدمه؟
2× يناسب معظم أيقونات الويب والشعارات؛ وللطباعة أو الشاشات عالية الدقة استخدم 3× أو 4×. ولحجم دقيق اختر «عرض مخصص»، مثل 1024 px، ويتبع الارتفاع نسبة الأبعاد.
تغيّر الخط بعد التحويل.
عند رسم SVG كصورة لا تجلب المتصفحات ملفات الخطوط الموجودة خارجه، لذا تُكتب النصوص بالخطوط المثبتة على جهازك. حوّل النص إلى مسارات (paths) في Illustrator أو Figma أو Inkscape أولًا للحفاظ على التصميم.
جزء من الصورة مفقود.
الملفات التي يشير إليها SVG في مكان آخر (صور أو CSS على عنوان آخر) لا تُحمَّل لأسباب أمنية، فتبقى تلك الأجزاء فارغة. تعرض الأداة قائمة بها؛ ضمّنها داخل SVG بعناوين data URI وحاول مجددًا.
ماذا لو لم يكن لملف SVG حجم محدد؟
دون العرض والارتفاع يُستخدم حجم viewBox، ودونهما معًا يُستخدم الحجم الافتراضي للمتصفح 300×150 px. تعرض الصفحة الأساس الذي اعتمدته قبل تطبيق المقياس.
هل يُرسل ملف SVG إلى خادم؟
لا. القراءة والرسم كلاهما يجريان في متصفحك.
