تحويل الصورة إلى Base64
حوّل الصور الصغيرة إلى نص Base64 أو Data URI جاهز للاستخدام في HTML و CSS. المعالجة تتم بالكامل في متصفحك.
دليل استخدام Base64 للصور
متى يكون التضمين مفيداً ومتى يضر الأداءBase64 طريقة لتحويل الملف الثنائي إلى نص عادي يمكن وضعه داخل HTML أو CSS. هذا مفيد عندما تحتاج صورة صغيرة جداً داخل ملف واحد، مثل أيقونة في قالب بريد إلكتروني أو صورة اختبار في نموذج سريع. لكنه ليس بديلاً عاماً لاستضافة الصور، لأن النص الناتج يكون أطول من الملف الأصلي ويصعب تخزينه مؤقتاً كملف مستقل.
أفضل حالات الاستخدام
أيقونات صغيرة
الأيقونات التي يقل حجمها عن بضعة كيلوبايت يمكن تضمينها لتقليل طلبات الشبكة في صفحات بسيطة.
قوالب البريد
بعض قوالب البريد تحتاج صوراً مضمّنة لا تعتمد على روابط خارجية قد تُحجب عند المستلم.
نماذج أولية
عند مشاركة مثال HTML واحد مع فريقك، يساعد Data URI في إبقاء المثال مستقلاً وسهل النقل.
ترميز Base64 يزيد حجم البيانات تقريباً، ويجعل الصورة جزءاً من ملف HTML أو CSS بدلاً من ملف قابل للتخزين المؤقت منفصلاً. للصور الكبيرة أو المتكررة في أكثر من صفحة، استخدم ملف صورة عادي بصيغة WebP أو JPG أو PNG.
خطوات الاستخدام
الأسئلة الشائعة
إجابات سريعة حول Base64هل يحافظ Base64 على جودة الصورة؟
نعم. Base64 لا يغيّر البكسلات ولا يضغط الصورة، بل يغيّر طريقة تمثيل الملف كنص.
لماذا يصبح النص أطول من الملف؟
لأن كل ثلاثة بايتات من البيانات الثنائية تتحول تقريباً إلى أربعة أحرف نصية، لذلك يزيد الحجم النظري بنحو الثلث قبل ضغط HTTP.
هل يمكن وضع الناتج في CSS؟
نعم، اختر صيغة CSS background-image لتحصل على كود جاهز يمكن استخدامه مباشرة داخل ملف CSS.