فك ترميز Base64 إلى SVG

العثور على SVG داخل Base64

على عكس صيغ الصور الأخرى، SVG نص XML عادي. فالملف الذي يبدأ بـ <svg يُرمَّز إلى سلسلة Base64 تبدأ بـ PHN2Zy، والملف الذي يبدأ بتعريف XML (<?xml) تبدأ سلسلته بـ PD94bWwg. وتشيع صور SVG بترميز Base64 في صور خلفيات CSS ومجموعات الأيقونات وملفات التصدير من أدوات التصميم وقوالب البريد الإلكتروني. ونوع MIME هو image/svg+xml.

كثير من عناوين data URI لصور SVG ليست بترميز Base64 أصلًا، بل نص بترميز النسبة المئوية، مثل data:image/svg+xml,%3Csvg.... وهذه الأداة تتوقع Base64، لذا حلّل تلك العناوين باستخدام مولّد Data URI بدلًا منها.

قراءة شيفرة SVG

تعرض المعاينة كيف يظهر الرسم، لكن الجزء المثير للاهتمام غالبًا هو الشيفرة نفسها: بيانات المسارات، والألوان، والسمة viewBox، أو الخطوط المضمّنة. نزّل الملف باختيار «الملف الأصلي» أو SVG وافتحه في أي محرر نصوص، أو الصق سلسلة Base64 نفسها في فك ترميز Base64 لترى XML كنص مباشرة.

تحويل الصورة النقطية إلى SVG تغليف لا تحويل إلى متجهات

إذا كانت بيانات Base64 صورة PNG أو JPEG أو أي صورة نقطية أخرى، فإن اختيار SVG يُنتج ملف SVG يحتوي على وحدات البكسل الأصلية داخل عنصر <image>. وهذا مفيد حين لا تقبل أداة ما إلا ملفات SVG، لكنه لا يحوّل الصورة إلى أشكال: فالصورة تبقى ضبابية عند تكبيرها، ويكون الملف أكبر من الصورة النقطية لأن وحدات البكسل مخزّنة داخله بترميز Base64. وللحصول على مسارات متجهية حقيقية، استخدم برامج التتبع مثل Potrace أو ميزة Trace Bitmap في Inkscape.

التعامل مع ملفات SVG غير الموثوقة

يمكن أن يحتوي SVG على عناصر <script> وسمات معالجات الأحداث وروابط إلى موارد خارجية. وتحظر المتصفحات كل ذلك عند عرض SVG كصورة، عبر وسم <img> أو خلفية CSS. لكن يمكن للبرامج النصية أن تعمل وللموارد الخارجية أن تُحمَّل عند فتح الملف مباشرة في علامة تبويب المتصفح أو لصق شيفرته مضمّنةً في صفحة. لذا راجع ملفات SVG الواردة من مصادر مجهولة أو نقّها قبل استخدامها بهذه الطريقة.