0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
الإعدادات
تحويل الصور إلى Base64 لإدراجها في HTML أو CSS أو JSON، أو فك تشفير سلسلة Base64 إلى صورة. يدعم PNG وJPEG وGIF وWebP وSVG وBMP.
العملية

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

PNG، JPEG، GIF، WebP، SVG، BMP

كيف يعمل

يحوّل صورة إلى سلسلة Base64 على شكل Data URI ‏(data:image/…;base64,…) يمكنك تضمينها مباشرةً في HTML أو CSS دون ملف منفصل أو طلب HTTP إضافي.

تشغل النتيجة نحو 33% أكثر من الملف الأصلي، لذا يُفضَّل حصرها في الصور الصغيرة: الأيقونات والشعارات والأنماط والعناصر النائبة.

في وضع فك الترميز يقبل سلسلة Base64 أو Data URI كاملًا، ويكتشف نوع الصورة من أول بايتاتها، ويعرض معاينة قابلة للتنزيل.

أمثلة

logo.pngdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA…تشير البادئة data:image/png;base64, إلى النوع. ويبدأ كل PNG مُرمَّز بـ iVBORw0KGgo، وهو ما يقابل توقيع ملفه.
background-image: url("data:image/png;base64,iVBORw0KGgo…");يمكن استخدام Data URI كما هو داخل قاعدة CSS لتضمين الصورة دون ملف خارجي.

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

  • تضمين أيقونات أو شعارات صغيرة في CSS/HTML عبر data URI لتجنّب طلبات إضافية.
  • تخزين صورة داخل JSON أو ملف إعداد أو قاعدة بيانات.
  • إرسال الصور عبر واجهات API أو رسائل بريد (MIME) لا تقبل سوى النص.
  • استعادة صورة ومعاينتها من سلسلة Base64 أو Data URI.

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

هل يُفضَّل تحويل جميع الصور إلى Base64؟

لا. يزيد الحجم بنحو 33% ولا يستطيع المتصفح تخزين الصورة مؤقتًا على حدة. وهو مثالي للصور الصغيرة، أما الكبيرة فيُفضَّل لها دائمًا تقريبًا ملف منفصل.

ما صيغ الصور التي يدعمها؟

أي صيغة عند الترميز (PNG وJPEG وGIF وWebP وBMP وSVG). وعند فك الترميز يكتشف النوع تلقائيًا من أول بايتات الملف.

لماذا Data URI الخاص بي طويل هكذا؟

لأن Base64 يمثّل كل 3 بايتات بأربعة أحرف، لذا يزداد النص بنحو 33% مقارنةً بالملف الثنائي الأصلي. وهذا طبيعي، خاصةً في الصور.

هل تُرفَع صورتي إلى خادم؟

لا. تُقرأ الصورة وتُرمَّز بالكامل في متصفحك؛ ولا تغادر حاسوبك أبدًا.

انظر أيضًا