محول SVG إلى PNG
قم بتحويل ملفات SVG المتجهة إلى صور PNG نقطية عالية الجودة. قم بتخصيص مقياس الإخراج ولون الخلفية بسهولة في متصفحك.
اسحب وأفلت SVG هنا
يدعم حتى 50 ميجابايت
قم بتحويل ملفات SVG المتجهة إلى صور PNG نقطية عالية الجودة. قم بتخصيص مقياس الإخراج ولون الخلفية بسهولة في متصفحك.
يدعم حتى 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 رائعًا للويب وأدوات التصميم الحديثة ولكنه سيئ جدًا للعديد من السياقات الأخرى. يقوم عملاء البريد الإلكتروني بعرض SVG بشكل غير متسق؛ البعض يحظره باعتباره خطرًا أمنيًا. لا تقبل برامج المكتب القديمة، وبعض أنظمة إدارة المحتوى (CMS)، وخدمات الجهات الخارجية، وجميع مسارات طباعة الصور تقريبًا ملفات SVG على الإطلاق. يؤدي التحويل إلى PNG إلى إنتاج بيانات نقطية مقبولة عالميًا تبدو متطابقة بالحجم المختار.
يتم أيضًا تضمين PNG بشكل موثوق في المستندات المكتبية ومجموعات الشرائح وملفات PDF دون الاعتماد على جهاز عرض SVG الخاص بالمستلم. بالنسبة للشعارات والرسومات التي تحتاج إلى الظهور بشكل متسق عبر العديد من الأنظمة الأساسية، فإن PNG هي الخيار الأكثر أمانًا - على الرغم من أنها تفقد استقلالية الدقة التي تجعل SVG جذابة في المقام الأول.
اختر الحجم المستهدف، ثم قم بالتقديم. يقوم المتصفح بعملية التنقيط.
SVG (توصية W3C) هو تنسيق متجه يستند إلى XML ويحتوي على عناصر للمسارات والأشكال الأساسية (المستقيم والدائرة والقطع الناقص والخط والمضلع والمتعدد الخطوط) والنص والتدرجات (التدرج الخطي والتدرج الشعاعي) والمرشحات والأقنعة ومسارات القطع. يقوم المتصفح بتحليل ملف XML، وإنشاء DOM، وتطبيق CSS، ثم تحويل النتيجة إلى نقطية أثناء عرض الصفحة.
يقوم هذا المحول بتحميل SVG إلى HTMLImageElement (الذي يقوم بتشغيل مسار عرض SVG كصورة العادي في المتصفح)، ثم يرسمه إلى لوحة قماشية عبر drawImage. يتم تصدير اللوحة القماشية بتنسيق PNG باستخدام Canvas.toBlob('image/png'). تتطابق وحدات البكسل الدقيقة في المخرجات مع ما سيعرضه ملف SVG بنفس الحجم في علامة تبويب المتصفح.
حالات الحافة: لا يتم دائمًا دعم ملفات SVG التي تستخدم كائنًا أجنبيًا عند استخدامها عبر عنصر الصورة. قد يفشل تحميل SVG الذي يشير إلى الموارد الخارجية (xlink:href إلى مجال مختلف) بسبب CORS. يتم عرض الرسوم المتحركة SMIL والرسوم المتحركة التي تعتمد على JavaScript كإطار أولي فقط.