محول مجاني

محول SVG إلى PNG

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

اسحب وأفلت SVG هنا

يدعم حتى 50 ميجابايت

أو

حول هذه الأداة

يصف SVG (Scalable Vector Graphics) الصور على أنها مجموعة من البدائيات الهندسية - المسارات والأشكال والنص والتدرجات - التي يمكن تغيير حجمها إلى أي حجم دون فقدان الجودة. يخزن PNG شبكة بكسل واحدة مستطيلة بدقة ثابتة. يعد تحويل SVG إلى PNG خطوة تنقيط: يتم تقييم تعليمات رسم SVG بحجم بكسل مختار ويتم ترميز الصورة النقطية الناتجة بتنسيق PNG. يبدو الإخراج واضحًا بالحجم الذي حددته ولكنه يتقطع إذا تم تكبيره.

يعرض هذا المحول SVG باستخدام محرك SVG المدمج في المتصفح. يتم تحميل SVG في عنصر صورة، ويتم رسمه على لوحة HTML5 بأبعاد المخرجات المختارة، ويتم تصديره بتنسيق PNG عبر Canvas.toBlob. نظرًا لأن المتصفح يقوم بعملية التنقيط، فإن ميزات SVG المعقدة - التدرجات والمرشحات والأقنعة والرسوم المتحركة كإطار ثابت - يتم عرضها بنفس الطريقة التي تظهر بها على صفحة ويب حقيقية.

القرار الأكثر أهمية في تحويل SVG إلى PNG هو الحجم المستهدف. SVG لا يعتمد على الدقة، لذا فإن اختيار حجم PNG الذي يطابق الاستخدام الفعلي يتجنب الإفراط في التزويد (ملفات ضخمة للأيقونات بحجم الصور المصغرة) وانخفاض التزويد (إخراج ضبابي عند توسيع نطاقه لاحقًا). الأهداف الشائعة: 32×32 أو 64×64 للأيقونات، 256×256 أو 512×512 للشعارات، 1024×1024 للرسومات البطل، 2048×2048 للأصول ذات جودة شبكية العين.

لماذا تحويل SVG إلى PNG؟

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

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

كيفية الاستخدام

اختر الحجم المستهدف، ثم قم بالتقديم. يقوم المتصفح بعملية التنقيط.

  1. قم بتحميل ملف SVG: اسحب ملف SVG إلى منطقة التحميل أو انقر للتصفح. يتم دعم الملفات التي يصل حجمها إلى 50 ميجابايت، على الرغم من أن ملفات SVG النموذجية يقل حجمها عن 1 ميجابايت. تعمل ملفات SVG المستقلة بشكل أفضل؛ قد تصبح ملفات SVG التي تشير إلى صور خارجية عبر xlink:href لعناوين URL البعيدة غير مكتملة.
  2. اختر حجم الإخراج: الافتراضي هو أبعاد viewBox الأصلية لـ SVG، ولكن يمكنك تجاوز أي حجم بكسل. اختر حجمًا يتوافق مع استخدامك الفعلي — تجنب إنتاج صور PNG بدقة 4K للأيقونات التي سيتم عرضها بحجم 32×32.
  3. تقديم: يقوم المتصفح بتحليل ملف SVG، ورسمه على لوحة قماشية بالأبعاد المطلوبة، ثم تصدير اللوحة بتنسيق PNG. قد تستغرق ملفات SVG المعقدة التي تحتوي على مرشحات أو أعداد مسارات كبيرة بعض الوقت؛ يتم عرض الرموز البسيطة على الفور.
  4. قم بتنزيل PNG: احفظ الملف. يتم الاحتفاظ بالشفافية في SVG (أي شيء خارج الأشكال المرسومة) كقناة ألفا في PNG.

حالات الاستخدام الشائعة

التفاصيل الفنية

SVG (توصية W3C) هو تنسيق متجه يستند إلى XML ويحتوي على عناصر للمسارات والأشكال الأساسية (المستقيم والدائرة والقطع الناقص والخط والمضلع والمتعدد الخطوط) والنص والتدرجات (التدرج الخطي والتدرج الشعاعي) والمرشحات والأقنعة ومسارات القطع. يقوم المتصفح بتحليل ملف XML، وإنشاء DOM، وتطبيق CSS، ثم تحويل النتيجة إلى نقطية أثناء عرض الصفحة.

يقوم هذا المحول بتحميل SVG إلى HTMLImageElement (الذي يقوم بتشغيل مسار عرض SVG كصورة العادي في المتصفح)، ثم يرسمه إلى لوحة قماشية عبر drawImage. يتم تصدير اللوحة القماشية بتنسيق PNG باستخدام Canvas.toBlob('image/png'). تتطابق وحدات البكسل الدقيقة في المخرجات مع ما سيعرضه ملف SVG بنفس الحجم في علامة تبويب المتصفح.

حالات الحافة: لا يتم دائمًا دعم ملفات SVG التي تستخدم كائنًا أجنبيًا عند استخدامها عبر عنصر الصورة. قد يفشل تحميل SVG الذي يشير إلى الموارد الخارجية (xlink:href إلى مجال مختلف) بسبب CORS. يتم عرض الرسوم المتحركة SMIL والرسوم المتحركة التي تعتمد على JavaScript كإطار أولي فقط.

أفضل الممارسات

الأسئلة الشائعة

هل سيفقد ملف SVG جودته عند تحويله إلى PNG؟
يعني التحويل من المتجهات إلى النقطية أن الصورة تصبح مبنية على البكسل ولم يعد من الممكن تغيير حجمها إلى ما لا نهاية. اختر دقة عالية للتأكد من أن ملف PNG يبدو واضحًا بحجم العرض الذي تريده.
ما هو تنسيق PNG المستخدم؟
يُستخدم PNG (رسومات الشبكة المحمولة) بشكل أساسي للرسومات ذات الشفافية ولقطات الشاشة والشعارات والأيقونات.
هل هناك أي قيود يجب أن تكون على علم بها؟
يتم دعم الملفات التي يصل حجمها إلى 50 ميجابايت. قد تستغرق معالجة الملفات الكبيرة أو المعقدة وقتًا أطول. تتم جميع التحويلات في متصفحك، لذا تعتمد سرعة المعالجة على جهازك.
هل تظل صوري خاصة أثناء التحويل؟
نعم. تتم معالجة ملفات SVG الخاصة بك بالكامل داخل متصفحك باستخدام Canvas API وJavaScript. لا يتم تحميل أي شيء على أي خادم — ينتقل الملف مباشرة من جهازك إلى المحول ثم يعود إلى جهازك.
هل يتم تقديم النص كنص أم كمسارات؟
يتم تنقيط النص على شكل وحدات بكسل في إخراج PNG. لم يعد الإخراج قابلاً للبحث أو التحديد. إذا كان ملف SVG الخاص بك يستخدم خطوطًا غير متوفرة في المتصفح، فقد يتم عرض النص بخط احتياطي؛ قم بتحويل النص إلى مسارات في SVG قبل عرضه للحصول على مظهر مضمون.
هل تم تحميل SVG الخاص بي إلى خادم؟
لا، يتم تحليل وعرض SVG في متصفحك؛ يحدث ترميز PNG في متصفحك. الملف لا يترك جهازك.
لماذا يكون PNG المحول فارغًا؟
الأسباب الشائعة: يشير SVG إلى صور خارجية فشل تحميلها بسبب CORS؛ يستخدم SVG ميزات غير مدعومة بواسطة مسار عرض عنصر الصورة (كائن أجنبي، مرشحات معينة)؛ يحتوي SVG على viewBox صفري الأبعاد. افتح SVG مباشرة في المتصفح للتأكد من عرضه قبل التحويل.
هل يمكنني تحويل SVG إلى PNG في برنامج نصي؟
نعم - بالنسبة للمهام المجمعة، فإن إعداد Node.js باستخدام محرك الدمى الحاد أو محرك الدمى يعرض SVG إلى PNG بدقة مماثلة للمتصفح. هذه الأداة مخصصة للتحويلات لمرة واحدة في المتصفح دون تثبيت أي شيء.