محول SVG إلى PNG: تحويل الرسومات المتجهة إلى بكسلات بأي حجم

آخر تحديث: June 28, 2026

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

إجابة سريعة: كيف تحول SVG إلى PNG؟

افتح ملف SVG في محوّل أو أداة تصميم، وحدد أبعاد البكسل المستهدفة (مع الأخذ في الاعتبار شاشة Retina إذا لزم الأمر — قم بالتصدير بمقدار 2x من حجم العرض)، وقم بالتصدير كـ PNG. اختر حجمًا كبيرًا بما يكفي لكل مكان سيُستخدم فيه ملف PNG، لأنه لا يمكنك تكبير ملف PNG لاحقًا دون فقدان الجودة. استخدم محوّل SVG إلى PNG للتصديرات السريعة لملف واحد، أو أداة تصميم للعمل على دفعات (batch work). احتفظ بملف SVG الأصلي، لأنه يظل المصدر القابل للتوسع إذا احتجت في أي وقت إلى حجم مختلف.

ما الفرق بين SVG و PNG؟

يوضح التمييز بين المتجه والراستر كل شيء حول سبب ومتى يجب إجراء التحويل.

• يبقى SVG حادًا عند أي دقة — يمكن أن يكون الشعار واضحًا بدقة 16px و 1600px من ملف واحد.
• يقتصر PNG على أبعاده بالبكسل — إذا قمت بتصديره صغيرًا جدًا، فلن تتمكن من تكبيره بشكل نظيف.
• لا يمكن لـ SVG تمثيل الصور الفوتوغرافية؛ بينما يمكن لـ PNG ذلك، ولهذا السبب لا تكون الصور أبدًا بصيغة SVG.

متى يجب عليك تحويل SVG إلى PNG؟

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

• بيئة غير مدعومة — بعض عملاء البريد الإلكتروني والأدوات القديمة لا تعرض SVG.
• متطلب راستر مدمج — نظام يقبل PNG أو JPG فقط.
• محتوى فوتوغرافي مختلط — على الرغم من أنه في هذه الحالة يجب ألا يكون المصدر هو SVG.
• التخزين المؤقت والأداء — يمكن أن يكون ملف PNG مُصنَّع مسبقًا أسرع في الخدمة من تحليل SVG عند كل تحميل.

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

كيف تختار الدقة المناسبة؟

قرار الدقة دائم، لذا فهو مهم. قم بتصدير PNG بأكبر حجم سيتم عرضه فيه على الإطلاق، مضروبًا في نسبة بكسل الجهاز للحصول على حدة Retina.

• إذا سيتم استخدام PNG بأحجام متعددة، قم بالتصدير بأكبر حجم ودع CSS يقوم بتصغيره.
• للحصول على حدة Retina، قم بالتصدير عند 2x (أو 3x للهواتف) أبعاد العرض.
• التصدير صغيرًا جدًا هو الخطأ الشائع الذي لا يمكن تداركه.

الرياضيات بسيطة: قرر أكبر عرض للعرض، وقم بمضاعفته للحصول على Retina، وقم بالتصدير عند عرض البكسل هذا. يغطي دليل شاشة Retina سير عمل 2x و 3x بالتفصيل.

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

تعمل عدة طرق، اعتمادًا على الحجم واحتياجات التحكم.

1. المحوّل عبر الإنترنت — قم بتحميل ملف SVG، وحدد الأبعاد، وقم بتنزيل PNG. سريع للتصديرات لمرة واحدة.
2. أداة التصميم (Figma, Illustrator, Inkscape) — افتح ملف SVG، وقم بالتصدير بالحجم المختار. أفضل تحكم.
3. سطر الأوامر (rsvg-convert, ImageMagick) — قابل للبرمجة للمعالجة الدفعية.
4. المتصفح — افتح ملف SVG، والتقط لقطة شاشة بالحجم المستهدف.

بالنسبة للعمل على دفعات، يتفوق سطر الأوامر لأنه يطبق إعدادات متطابقة على كل ملف. أما بالنسبة لشعار مهم لمرة واحدة، فإن أداة التصميم تمنح أكبر قدر من التحكم في خيارات التصدير.

التحويل الدفعي لمجموعات الأيقونات

يعد تحويل مجلد من أيقونات SVG إلى PNG أمرًا شائعًا عند إطلاق تطبيق أو نظام تصميم — تحتاج إلى كل أيقونة بأحجام متعددة، ولا يمكن القيام بذلك يدويًا على نطاق واسع. يطبق النهج الدفعي نفس إعدادات التصدير على كل ملف في المجموعة.

1. قم بتنظيم ملفات SVG في مجلد واحد، باسم متسق.
2. حدد أحجام التصدير (على سبيل المثال: 16، 32، 64 لمجموعة الأيقونات).
3. قم بتشغيل مُصيّر دفعي يقوم بتصدير كل SVG عند كل حجم.
4. تحقق من عدد قليل من المخرجات للتأكد من الحدة والشفافية.

تتمثل ميزة التصيير الدفعي في الاتساق — حيث يتم تصدير كل أيقونة بالإعدادات نفسها تمامًا، لذا تبدو المجموعة موحدة. يغطي دليل المعالجة الدفعية سير العمل الأوسع لتطبيق العمليات عبر مجلدات الصور، وبمجرد التصيير، يمكن ضغط ملفات PNG معًا لتقليل حجمها المُقدم.

أخطاء التحويل الشائعة

• التصدير صغيرًا جدًا — لا يمكن تكبير ملف PNG لاحقًا. قم بالتصدير عند 2x من حجم العرض.
• فقدان SVG الأصلي — احتفظ به دائمًا؛ فهو المصدر القابل للتوسع للأحجام المستقبلية.
• التحويل عندما يفي بـ SVG بالغرض — تدعم العديد من البيئات الحديثة SVG مباشرة.
• نسيان الشفافية — يدعم PNG قناة ألفا (alpha)؛ تأكد من أن التصدير يحافظ عليها إذا لزم الأمر.
• خلط المتجه والراستر — إذا كان المصدر يحتوي على صور مدمجة، تكون النتيجة هجينة تفقد مزايا SVG.

متى يجب الاحتفاظ بـ SVG بدلاً من ذلك

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

إن التحويل بدافع الراحة بدلاً من الضرورة يضيع ببساطة قابلية التوسع التي جعلت SVG الخيار الصحيح في المقام الأول. بالنسبة للمواصفات التقنية، يحدد معيار W3C SVG ما يمكن أن يعبر عنه SVG، ويوثق مواصفات PNG تنسيق الراستر الذي يتم التحويل إليه. طابق التنسيق مع القيد — وعندما لا يفرض أي قيد استخدام PNG، دع SVG يقوم بعمله.

الأسئلة المتداولة

ما الفرق بين SVG و PNG؟

SVG هو بتنسيق متجه (تُوصَف الأشكال رياضيًا، ومستقل عن الدقة)؛ بينما PNG راستر (شبكة من البكسلات). يتوسع SVG دون فقدان الحدة؛ أما PNG فهو ثابت عند أبعاده بالبكسل. قم بتحويل SVG إلى PNG عندما تحتاج إلى صورة راستر ثابتة.

متى يجب أن أحول SVG إلى PNG؟

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

كيف أختار الدقة المناسبة؟

طابق حجم العرض عند 1x أو 2x (لـ Retina). نظرًا لأن SVG مستقل عن الدقة، فإنك تقوم بتصييره عند أي حجم بكسل تحتاجه — قم بالتصيير عند 2x من حجم العرض للحصول على حدة شاشات Retina.

هل يمكنني التحويل الدفعي لـ SVG إلى PNG؟

نعم — يتعامل ImageMagick (magick mogrify)، أو rsvg-convert، أو متصفح بدون واجهة رسومية مع مجلدات ملفات SVG. بالنسبة لمجموعات الأيقونات، يقوم البرنامج النصي بتصيير كل SVG عند كل حجم تحتاجه في تمريرة واحدة. راجع دليل SVG إلى PNG.

هل يدعم SVG الشفافية؟

نعم — SVG هو متجه ويدعم الشفافية أصلاً، لذا يتم تصيير SVG بمناطق شفافة إلى PNG شفاف. هذا أحد الأسباب التي تجعل SVG مناسبًا للشعارات والأيقونات. لن يحافظ JPEG على الشفافية.

هل يؤدي تحويل SVG إلى PNG إلى فقدان الجودة؟

لا — أنت تقوم بتصيير المتجه عند أي دقة تختارها، لذا يكون PNG حادًا بقدر الحجم الذي تصيّر عنده. سيأتي فقدان الجودة فقط من التصيير عند دقة منخفضة جدًا. قم بالتصيير عند 2x من حجم العرض للحصول على حدة شاشات Retina، ويكون PNG غير قابل للتمييز عن الراستر الأصلي في ذلك الحجم.

هل يمكنني تحويل SVG إلى PNG بأي حجم؟

نعم — لأن SVG متجه ومستقل عن الدقة، فإنك تقوم بتصييره عند أي حجم بكسل تحتاجه، بدءًا من أيقونة 16px وصولاً إلى لافتة 4000px، دون فقدان الجودة. هذه هي الميزة الرئيسية على تنسيقات الراستر. قم بالتصيير عند 2x من حجم العرض للحصول على حدة شاشات Retina. لا يفقد SVG نفسه الحدة أبدًا؛ فقط ملف PNG المُصَيَّر هو الثابت بحجم التصدير الخاص به.