TL
Tool Lab
💰Donate
💰Donate

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

تحويل الصور إلى سلاسل Base64 أو تنسيق Data URI للتضمين في HTML/CSS.

🖼️

اسحب صورة هنا أو انقر للاختيار

PNG، JPG، WebP، GIF، SVG، إلخ.

حول هذه الأداة

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

يتم كل الترميز في المتصفح باستخدام FileReader API — لا تُرفع صورتك إلى أي خادم. يمكن التبديل بين Data URI الكامل (بالبادئة data:image/…;base64,) والـ Base64 الخام (بدون بادئة).

كيفية الاستخدام

  1. اسحب صورة إلى منطقة الرفع أو انقر لفتح مختار الملفات.
  2. يظهر الناتج المشفَّر تلقائيًا بعد تحميل الملف.
  3. بدّل بين Data URI و Base64 Only باستخدام الأزرار.
  4. انقر على نسخ لنسخ النتيجة إلى الحافظة.

حالات الاستخدام

يضمّن مطورو الواجهة الأمامية أيقونات صغيرة مباشرةً في CSS أو HTML لتقليل طلبات HTTP. يضع مسوّقو البريد الإلكتروني الصور مضمّنةً في قوالب HTML لأن كثيرًا من عملاء البريد يحجبون الصور الخارجية. يشفّر مطورو تطبيقات الجوال الصور لحمولات JSON API. يخزّن المطورون الصور كسلاسل Base64 في ملفات الإعداد أو قواعد البيانات.

الأسئلة الشائعة

  • هل يزيد ترميز Base64 من حجم الملف؟نعم. يزيد ترميز Base64 من حجم الملف بنحو 33٪ مقارنةً بالملف الثنائي الأصلي.
  • ما صيغ الصور المدعومة؟أي صيغة يمكن للمتصفح عرضها: JPG، PNG، WebP، GIF، SVG، BMP والمزيد.
  • هل يجب ترميز الصور الكبيرة بـ Base64؟بالنسبة للملفات التي يزيد حجمها عن ~10 كيلوبايت، من الأفضل عادةً استضافة الصورة كملف. تُضخّم سلاسل Base64 الكبيرة HTML/CSS وتضر بأداء تحميل الصفحة.