it365

تحويل SVG إلى PNG

تحويل سريع لرسومات SVG إلى صور PNG. الحفاظ على خلفية شفافة، ضبط الهوامش، تغيير لون التصميم، قص الفراغات الزائدة والتصدير دفعة واحدة.

أفلت الملفات هنا لاستيراد SVG
يدعم السحب والإفلات لملف واحد أو عدة ملفات SVG
الإجمالي: {{ images.length }} {{ images.length === 1 ? 'صورة' : 'صور' }}
انقر أو اسحب ملفات SVG إلى هنا
دعم الاستيراد المجمع، معالجة فورية داخل المتصفح، خصوصية بنسبة 100% دون رفع إلى خوادم خارجية
صيغة التصدير:
الجودة: {{ Math.round(globalQuality * 100) }}%
#{{ idx + 1 }} .{{ globalFormat }}
أبعاد الوسم: {{ img.specified.width || 'غير محدد' }} × {{ img.specified.height || 'غير محدد' }}
الحجم بالبكسل: {{ img.absolute.width ? (img.absolute.width + 'px') : '-' }} × {{ img.absolute.height ? (img.absolute.height + 'px') : '-' }}
ViewBox: {{ img.viewBox.width ? (img.viewBox.x + ' ' + img.viewBox.y + ' ' + img.viewBox.width + ' ' + img.viewBox.height) : 'لا يوجد' }}
المربع المحيط: {{ img.contents ? (Math.round(img.contents.width) + ' × ' + Math.round(img.contents.height)) : '-' }}
تعديل الشيفرة المصدرية لـ SVG (تتم إعادة المعالجة والعرض تلقائياً عند التغيير):
⚠️ {{ img.errorMessage }}
حجم التصدير (px):
×
الهامش الخارجي:
px
قص دقيق:
وضع الملاءمة:
لون الخلفية:
لون التصميم:
{{ img.width }} × {{ img.height }} px

كيفية تحويل SVG إلى PNG مع الحفاظ على الخلفية الشفافة؟

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

1. مبادئ الشفافية في ملفات SVG وPNG

تعد صيغة SVG (Scalable Vector Graphics) لغة ترميز شعاعية مبنية على XML. وبحسب المعايير القياسية، تكون مساحة العمل الأساسية لـ SVG شفافة افتراضياً ما لم يحدد الكود شكلاً مصمتاً للخلفية بشكل صريح (مثل <rect fill="#ffffff" ...>).

في المقابل، فإن PNG (Portable Network Graphics) هي صيغة نقطية تدعم ألوان RGBA بعمق 32 بت مع قناة شفافية ألفا (Alpha) بعمق 8 بت تتيح 256 مستوى من التدرج شبه الشفاف. عند تحويل SVG إلى PNG، فإن تنقيط الصورة عبر لوحة HTML5 Canvas تدعم قنوات ألفا ودون رسم خلفية إضافية يحافظ على الشفافية الحقيقية بشكل كامل.

2. خمس خطوات لتحويل SVG إلى PNG شفاف عالي الدقة

1
استيراد ملفات SVG الشعاعية

انقر على زر "رفع SVG" أعلاه أو اسحب وأفلت ملفاً أو أكثر من ملفات SVG في الصفحة. يقوم النظام بتحليل خصائص المتجهات والأبعاد فورياً داخل المتصفح، مع دعم الرفع الفردي أو الجماعي.

2
ترك خانة لون الخلفية فارغة

في بطاقة إعدادات كل صورة، يضمن ترك حقل "لون الخلفية" فارغاً بقاء الشفافية كاملة. استخدم نمط رقعة الشطرنج أو وضع المعاينة الداكنة للتحقق السريع من حدود التصميم والمساحات الشفافة.

3
تحديد دقة الإخراج

اضبط العرض والارتفاع المستهدف حسب استخدامك (مثل 512px أو 1024px أو شاشات ريتينا 2048px). حافظ على قفل نسبة الأبعاد لتجنب تشوه التصميم أو تمدده غير المتناسق.

4
قص المساحات الفارغة وضبط الهوامش

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

5
تصدير صور PNG الشفافة

انقر على "تحميل PNG" لحفظ الصورة الشفافة عالية الجودة، أو استخدم "نسخ PNG" للصقها مباشرة في Figma أو Sketch أو Photoshop أو تطبيقات المراسلة؛ وللملفات المتعددة استخدم "تحميل ملف ZIP".

3. لماذا تظهر صورة PNG الناتجة بخلفية سوداء أو بيضاء؟

عند تحويل ملفات SVG باستخدام البرامج التقليدية، كثيراً ما يواجه المستخدمون مشكلة ظهور خلفية بيضاء أو سوداء غير متوقعة. تشمل الأسباب الأكثر شيوعاً وحلولها:

01
اختيار صيغة غير ملائمة

لا تدعم صيغ JPEG/JPG قنوات شفافية ألفا، وتقوم تلقائياً بتحويل البكسلات الشفافة إلى لون أبيض أو أسود خالص. اختر دائماً صيغة PNG أو WebP للحصول على صور شفافة.

02
وجود مستطيل خلفية مضمن داخل SVG

تتضمن بعض الملفات الشعاعية المصدرة من برامج التصميم عنصراً للخلفية في الطبقة السفلية (مثل <rect width="100%" height="100%" fill="#fff"/>). انقر على "المصدر" في هذه الأداة لمعاينته وحذفه.

03
طريقة عرض عارض الصور بالنظام

تقوم تطبيقات استعراض الصور الافتراضية في بعض أنظمة التشغيل بعرض صور PNG الشفافة فوق نافذة ذات خلفية سوداء أو بيضاء. افتح الصورة داخل برنامج تصميم أو متصفح ويب للتأكد من شفافيتها الفعلية.

4. الأسئلة الشائعة (FAQ)

هل تصبح صورة PNG المحولة مشوشة عند تكبيرها؟
تفقد الصور النقطية وضوحها عند تكبيرها إلى ما هو أكبر من دقة البكسل المحددة لها. ننصح بتحديد الحجم الأقصى المطلوب مسبقاً (مثل 1024×1024 أو 4096×4096) قبل التحويل. تقوم هذه الأداة بالتنقيط مباشرة من الشيفرة الشعاعية الأصلية مما يضمن وضوحاً فائق النقاء.
هل يمكنني تحويل عشرات أيقونات SVG دفعة واحدة مع الحفاظ على الشفافية؟
نعم. تحتفظ جميع الملفات المستوردة بخلفيات شفافة افتراضياً. يتيح لك تفعيل "تعديل متزامن للدفعة" توحيد الأبعاد ونمط الملاءمة والهوامش لجميع الأيقونات بنقرة واحدة، ثم تحميلها مجمعة داخل أرشيف ZIP.
هل يتم رفع ملفاتي الشعاعية إلى أي خادم خارجي؟
كلا إطلاقاً. تُجرى جميع عمليات الحوسبة والتحويل بالكامل داخل متصفحك عبر لوحة HTML5 Canvas وواجهات Web API. لا يتم نقل رسوماتك إلى أي خادم، مما يضمن خصوصية وأماناً مطلقين لبياناتك.