طريقة الاستخدام
- اختر ملف صورة واحداً.
- سيظهر النص الناتج مع معاينة للصورة وطوله.
- انسخ الـ Data URL أو انسخ وسم <img> الجاهز واستخدمه في كودك.
متى يفيد Base64؟
يفيد تضمين الصور بهذه الطريقة في الأيقونات الصغيرة وقوالب البريد الإلكتروني وملفات HTML المستقلة، لأنه يلغي طلب ملف إضافي. لكنه يزيد الحجم بنحو الثلث، ولذلك لا يناسب الصور الكبيرة.
نصيحة قبل التحويل
اضغط الصورة أو صغّر أبعادها أولاً بأداة ضغط الصور حتى يكون النص الناتج قصيراً. فكلما صغرت الصورة سهل التعامل مع النص وانخفض أثره على سرعة الصفحة.
أسئلة شائعة
ما الفرق بين Base64 وData URL؟
Base64 هو ترميز البيانات إلى نص. أما Data URL فهو Base64 مسبوقاً بنوع الملف، مثل data:image/png;base64، وهو الشكل الذي يفهمه المتصفح مباشرة.
هل يمكن تحويل Base64 إلى صورة؟
نعم، يكفي وضع الـ Data URL في وسم img أو في خاصية CSS باسم background-image.
هل ترسل الأداة الصورة إلى خادم؟
لا. يقرأ المتصفح الملف محلياً ويحوّله دون أي اتصال.