تحويل الصور إلى Base64

ماذا تفعل الأداة

تحوّل هذه الأداة الصورة إلى نص Base64 وإلى Data URI جاهز للصق. يضمّن Data URI الصورة مباشرة في HTML أو CSS أو Markdown أو JSON أو بريد إلكتروني، فتحتاج الصفحة إلى طلب HTTP أقل ويعمل المقتطف دون استضافة ملف منفصل. وتعمل الأداة في الاتجاه المعاكس أيضًا: الصق Base64 أو Data URI لمعاينة الصورة وتنزيلها.

طريقة الاستخدام

1. أفلت صورة على منطقة الإفلات، أو اضغط اختيار صورة، أو اضغط مثال لتحميل شعار SVG.
2. تعرض المعاينة الصورة مع نوعها وحجم ملفها وحجم Base64 وأبعادها.
3. اختر صيغة المخرجات:
   • Data URI: ‏data:image/png;base64,…، لسمات src وJSON.
   • Base64 فقط: السلسلة المجرّدة، مع إمكانية لفّها عند 76 حرفًا للاستخدام بأسلوب MIME وPEM.
   • خلفية CSS: تصريح background-image: url("…"); كامل.
   • HTML <img>: وسم صورة مع Data URI في src.
   • Markdown: ‏![image](data:…).
4. انسخ النتيجة. ولفك الترميز بدلًا من ذلك، الصق Base64 أو Data URI في مربع الإدخال واضغط تنزيل الصورة.

مثال

صورة PNG بحجم 2×1 بكسل تصبح:

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAIAAAB7QOjdAAAADUlEQVR4nGP4zwAE/wEHAAH/4iOeWQAAAABJRU5ErkJggg==

مستخدمةً في CSS:

.dot { background-image: url("data:image/png;base64,iVBORw0KGgo…"); }

متى تضمّن الصور

يفيد التضمين مع الصور الصغيرة كثيرة الاستخدام مثل الأيقونات والخلفيات الصغيرة ومؤشرات التحميل وتواقيع البريد الإلكتروني. لكنه غير مناسب للصور الفوتوغرافية والرسومات الكبيرة: يضيف Base64 نحو ثلث الحجم، ولا يمكن تخزين الصورة مؤقتًا بمعزل عن الصفحة أو ملف الأنماط، ويؤخّر تحليل بقية الملف. وكقاعدة عامة، أبقِ الصور المضمّنة دون بضعة كيلوبايتات. وبالنسبة إلى SVG، كثيرًا ما يكون Data URI بترميز النسبة المئوية (data:image/svg+xml,…) أصغر من Base64، والأداة تقبل الاثنين.