كيفية تحويل الصورة إلى Base64
- اسحب صورة وأفلتها في الحقل، أو انقر لاختيار صورة، أو الصقها من الحافظة باستخدام Ctrl+V.
- اختر صيغة الإخراج: Data URI، أو Base64 خام، أو HTML، أو CSS، أو Markdown، أو JSON.
- انقر على نسخ والصق الكود في ملف HTML أو CSS أو قالب البريد الإلكتروني أو طلب API.
متى يجب تضمين الصور بترميز Base64؟
توفّر صور Base64 المضمّنة طلب HTTP إضافيًا، وهذا مفيد للأيقونات الصغيرة وتواقيع البريد الإلكتروني ومستندات HTML المكوّنة من ملف واحد وحمولات API. ولأن حجم Base64 يزيد على حجم الملف الأصلي بنحو 33% ولا يمكن تخزينه مؤقتًا بشكل منفصل، احتفظ بملفات الصور العادية للصور الفوتوغرافية ولكل ما يتجاوز حجمه بضعة كيلوبايتات.
شرح صيغ الإخراج
- Data URI –
data:image/png;base64,…لسماتsrcوقواعد CSS. - Base64 فقط – السلسلة الخام لواجهات API وقواعد البيانات.
- HTML / CSS / Markdown – مقتطفات كاملة يمكنك لصقها مباشرة.
- JSON – اسم الملف ونوع MIME والبيانات في كائن واحد.
الأسئلة الشائعة
هل يزيد التحويل إلى Base64 حجم الصورة؟
نعم، بمقدار الثلث تقريبًا. فصورة PNG بحجم 30 KB تصبح نحو 40 KB من نص Base64. اضغط الصورة أو صغّر أبعادها أولًا إذا كان الحجم مهمًا.
ما صيغ الصور التي يمكنني تحويلها؟
أي صيغة يستطيع متصفحك فتحها: PNG وJPG/JPEG وGIF وWebP وSVG وBMP وICO وAVIF وغيرها. ويُضاف نوع MIME الصحيح إلى Data URI تلقائيًا.
كيف أستخدم صورة Base64 في CSS؟
اختر صيغة CSS والصق النتيجة في القاعدة الخاصة بك، مثل .logo { background-image: url("data:image/png;base64,…"); }.