تحويل PNG إلى SVG
ضمّ صور PNG النقطية داخل حاوية متجهة من نوع SVG XML للقياس المتجاوب على الويب والتكامل مع التخطيطات المتوافقة مع المتجهات.
مقارنة التنسيقات والمواصفات التقنية
| المواصفات | PNG | SVG |
|---|---|---|
| نوع MIME | image/ | image/ |
| النوع | صورة نقطية | صورة متجهة |
| الضغط | دون فقدان (DEFLATE / LZ77 + Huffman) | نص XML دون فقدان (قابل للضغط عبر GZIP بصيغة .svgz) |
| المواصفات القياسية | الإصدار الثالث من معيار W3C PNG | مواصفات W3C SVG 2 |
| رأس البايتات السحرية (Magic Bytes) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
نظرة عامة على التنسيق والاستخدامات
يغلّف تحويل ملفات PNG إلى SVG الصورة النقطية داخل حاوية متجهة بلغة XML، ما يتيح لمطوري الويب ومصممي الرسوم إدراج الرسومات النقطية مباشرةً في مسارات عمل تعتمد على المتجهات. تتكون صورة PNG النقطية من شبكة ثابتة من البكسلات الملونة. ويحافظ وضع هذه الصورة داخل ملف SVG على أبعاد البكسل الأصلية والشفافية، ويتيح تضمينها مباشرة في تخطيطات الويب المعتمدة على SVG ومساحات عرض واجهات المستخدم المتجاوبة. كثيراً ما يجري مصممو الويب هذا التحويل لإدراج الرسومات النقطية في مجموعات رموز SVG ومسارات عمل الرسوم المتجهة والمواقع المتجاوبة، من دون إدارة ملفات صور خارجية منفصلة. ويضم ملف SVG الناتج الصورة كاملةً داخل ترميز XML قياسي.
المواصفات التقنية وتحليل الترميز (Codec)
ملف PNG صورة نقطية نوع MIME لها image/png. يبدأ بترويسة توقيع البايتات 89 50 4E 47 0D 0A 1A 0A، تليها كتل بيانات مضغوطة بخوارزمية DEFLATE التي تجمع قواميس LZ77 المتحركة بترميز هوفمان. أما ملف SVG فيستخدم نوع MIME image/svg+xml ويأخذ بنية مستند XML. وأثناء التحويل، يعالج المحرك الصورة في ذاكرة الجهاز، ويحوّل مصفوفة البكسلات إلى PNG، ثم يضمّنها كرابط بيانات Base64 داخل عنصر <image> في SVG. وينتج عن ذلك ملف SVG صالح ومستقل يحدد أبعاد viewBox.
توافق أنظمة التشغيل والمتصفحات
تتمتع ملفات SVG بدعم شامل عبر متصفحات الويب الحديثة بما في ذلك Chrome وFirefox وSafari وEdge على كل من أنظمة تشغيل سطح المكتب والمحمول مثل Windows وmacOS وAndroid وiOS. تتعامل عارضات الصور وحزم التصميم مثل Adobe Illustrator وInkscape وCorelDRAW مع تحرير SVG بشكل أصلي. تحظى ملفات PNG بدعم شامل مماثل عبر المتصفحات وأنظمة التشغيل، لكن عرض ترميز SVG الخام يتطلب أي محرر نص قياسي. ويختلف دعم الصيغ بحسب التطبيق والجهاز ونظام التشغيل وإصداره.
معلومات مفيدة
نظرًا لأن هذا التحويل يضمّن الصورة النقطية في حاوية XML بدلاً من تتبع المسارات المتجهة، فإن الرسم يحتفظ بدقة البكسل الأصلية وشفافية ألفا مع الحفاظ على التوافق التام مع عارضات SVG.
الأسئلة الشائعة
كيف تقوم بتحويل صورة PNG إلى متجه SVG دون فقدان الجودة؟
يضمّن المحوّل صورة PNG النقطية كاملة الدقة مباشرةً داخل غلاف SVG XML، على هيئة تدفق بيانات Base64 مضمّن. ويحافظ ذلك على ألوان البكسلات والشفافية من دون ضغط بفقدان البيانات.
ما الفرق بين صورة PNG النقطية ومتجه SVG؟
PNG هو تنسيق صورة نقطية يخزن البيانات المرئية كشبكة ثابتة من البكسلات الملونة المضغوطة باستخدام DEFLATE، مما يجعل حجم الملف يعتمد على أبعاد البكسل. أما SVG فهو تنسيق صور متجهة يخزن البيانات المرئية كتعليمات رياضية قابلة للقياس مكتوبة بلغة XML النصية، مما يسمح بتغيير حجم الصورة إلى ما لا نهاية دون حدوث بكسلة.