محويل صور PNG إلى رسومات SVG المتجهية
تضمين صور PNG النقطية داخل حاوية متجهة من نوع SVG XML للقياس المتجاوب على الويب والتكامل مع التخطيطات المتوافقة مع المتجهات.
مقارنة التنسيقات والمواصفات التقنية
| المواصفات | PNG | SVG |
|---|---|---|
| نوع MIME | image/png | image/svg+xml |
| النوع | raster | vector |
| الضغط | lossless (DEFLATE / LZ77 + Huffman) | lossless XML text (GZIP compressible via .svgz) |
| المواصفات القياسية | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| رأس البايتات السحرية (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 ونوافذ العرض المتجاوبة UI. غالبًا ما يقوم مصممو الويب بهذا التحويل لدمج الأعمال الفنية النقطية في أوراق رموز SVG (sprite sheets)، وسير عمل الرسومات المتجهة، ومواقع الويب المتجاوبة دون الحاجة إلى إدارة ملفات صور خارجية منفصلة. يعمل تنسيق SVG الناتج على تجميع الرسم بالكامل بشكل ذاتي داخل ترميز XML قياسي.
المواصفات التقنية وتحليل الترميز (Codec)
ملف PNG هو صورة نقطية ذات نوع MIME من نوع image/png. يبدأ برويسة بايت سحرية 89 50 4E 47 0D 0A 1A 0A، تليها أجزاء بيانات مضغوطة باستخدام خوارزمية DEFLATE، والتي تجمع بين قواميس LZ77 المنزلقة وتشفير هوفمان. في المقابل، يستخدم ملف SVG نوع MIME من نوع image/svg+xml وهو منظم كوثيقة XML. أثناء التحويل، يقوم محرك المعالجة بتنقيط (rasterize) الصورة في ذاكرة العميل، وتسلسل النقطية إلى PNG، وتضمين الصورة كرابط بيانات Base64 داخل عنصر حاوية SVG <image>. يؤدي هذا إلى تجميع الرسم في ملف SVG صالح ومستقل بذاته مع تحديد أبعاد viewBox.
توافق أنظمة التشغيل والمتصفحات
تتمتع ملفات SVG بدعم شامل عبر متصفحات الويب الحديثة بما في ذلك Chrome وFirefox وSafari وEdge على كل من أنظمة تشغيل سطح المكتب والمحمول مثل Windows وmacOS وAndroid وiOS. تتعامل عارضات الصور وحزم التصميم مثل Adobe Illustrator وInkscape وCorelDRAW مع تحرير SVG بشكل أصلي. تشارك ملفات PNG هذا المتصفح الشامل ودعم نظام التشغيل، لكن عرض ترميز SVG الخام يتطلب أي محرر نص قياسي.
معلومات مفيدة
نظرًا لأن هذا التحويل يضمين الصورة النقطية في حاوية XML بدلاً من تتبع المسارات المتجهة، فإن الرسم يحتفظ بدقة البكسل الأصلية وشفافية ألفا مع الحفاظ على التوافق التام مع عارضات SVG.
مقارنة التنسيقات والمواصفات التقنية
يمكن أن يصل شعار PNG المعقد عالي الدقة بسهولة إلى 2 ميجابايت، مما يستغرق حوالي 3.2 ثانية للتنزيل عبر اتصال محمول قياسي بتقنية الجيل الرابع. غالباً ما يتقلص ملف SVG المحول المكافئ إلى 40 كيلوبايت فقط، ليتم تنزيله في أقل من 0.1 ثانية على الجيل الرابع وبشكل فوري على شبكات الجيل الخامس والألياف الضوئية.
الأسئلة الشائعة
كيف تقوم بتحويل صورة PNG إلى متجه SVG دون فقدان الجودة؟
يقوم المحويل بتضمين صورة PNG النقطية كاملة الدقة مباشرة داخل غلاف SVG XML كتدفق بيانات Base64 مدمج. يحافظ هذا على 100% من ألوان البكسل الأصلية والشفافية دون أي فقدان في الجودة أثناء التوليد.
ما الفرق بين صورة PNG النقطية ومتجه SVG؟
PNG هو تنسيق صورة نقطية يخزن البيانات المرئية كشبكة ثابتة من البكسلات الملونة المضغوطة باستخدام DEFLATE، مما يجعل حجم الملف يعتمد على أبعاد البكسل. أما SVG فهو تنسيق صور متجهة يخزن البيانات المرئية كتعليمات رياضية قابلة للقياس مكتوبة بلغة XML النصية، مما يسمح بتغيير حجم الصورة إلى ما لا نهاية دون حدوث بكسلة.