تحويل الصورة إلى Base64
محول مجاني عبر الإنترنت لتحويل الصور إلى Base64. يدعم صيغ JPG و PNG و GIF و WEBP و SVG و BMP مع ميزات مدمجة للضغط وتغيير الحجم وتحويل التنسيق. تتم جميع عمليات المعالجة داخل متصفحك — ولا تغادر صورك جهازك أبدًا.
ما المقصود بـ «تحويل الصورة إلى Base64»؟
Image to Base64 converts your image files into Base64-encoded strings, letting you embed image data directly into HTML, CSS, or JavaScript without extra HTTP requests. The result is a معرّف URI للبيانات — a string that looks like data:image/png;base64,iVBOR....
كيف يعمل
Uploaded images are read and re-rendered right in your browser using the Canvas API. Use the شريط التمرير الخاص بالجودة (for JPEG/WEBP) to control compression, the شريط التمرير الخاص بالمقياس to resize the output, or pick a different format. Everything stays in your browser — no image data is ever sent to a server.
4 تنسيقات الإخراج
- Base64 خالص — the raw Base64 string without the Data URI prefix
- معرّف URI للبيانات — the full
data:image/...;base64,...format - علامة HTML <img> — ready-to-use <img src="..."> markup
- خلفية CSS — ready-to-use
صورة الخلفية: url(...)declaration
حالات الاستخدام
- قم بتضمين أيقونات أو شعارات صغيرة في رسائل البريد الإلكتروني بتنسيق HTML حتى لا يتم حجب الصور الخارجية
- إدراج الصور الصغيرة، مثل الرموز أو خلفيات الأزرار، مباشرةً في CSS لتقليل طلبات HTTP
- استخدم الصور في بيئات اختبار الأكواد مثل CodePen أو JSFiddle دون الحاجة إلى استضافتها بشكل منفصل
- إرسال بيانات الصور الصغيرة عبر واجهات برمجة التطبيقات (API) التي تستخدم لغة JSON
- تضمين لقطات الشاشة في Markdown باستخدام Base64 — وهو أمر مفيد عندما لا تكون الصور الخارجية مدعومة
أمثلة
علامة HTML <img>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg..." alt="صورة مضمنة">
صورة الخلفية في CSS
.element {
background-image: url('data:image/png;base64,iVBORw0KGgoAA...');
background-size: cover;
}