صورة إلى Base64
أفلت أي صورة في محوّل الصور إلى Base64 هذا للحصول على Data URI ومقتطفات جاهزة للصق في HTML وCSS وJavaScript. توفر الصور المضمّنة طلبات HTTP للأيقونات الصغيرة، وهي ضرورية لصفحات HTML أحادية الملف وقوالب البريد الإلكتروني والتطبيقات التي تعمل دون اتصال.
كيفية تحويل صورة إلى Base64 أونلاين
- اختر ملف صورة أو الصق رابط صورة.
- اختر المخرجات: Data URI أو
<img>أو خلفية CSS أو favicon أو JSON والمزيد. - انقر ترميز الصورة إلى Base64.
- عاين الصورة وانسخ الكود.
محوّلات صورة إلى Base64 أخرى
تنسيقات المخرجات
اختر طريقة تغليف النتيجة. يمكن للمحوّل أن يُعيد:
- txt: سلسلة Base64 فقط، جاهزة للصق في الكود أو حقل قاعدة بيانات أو طلب API.
- uri: URI كامل بصيغة
data:يمكنك لصقه في شريط عنوان المتصفح أو استخدامه في أي مكان يقبل رابط URL. - html img: وسم
<img>مع Data URI فيsrc. - css background image: قاعدة CSS تستخدم
background-image: url(data:...). - html favicon: وسم
<link rel="icon">لأيقونة favicon مضمّنة. - html hyperlink: رابط
<a>يُنزّل الملف المضمّن أو يفتحه. - html iframe: إطار
<iframe>يعرض المحتوى داخل الصفحة. - javascript image: كود JavaScript يُنشئ كائن
Image. - javascript popup: كود JavaScript يفتح المحتوى في نافذة جديدة.
- json: كائن JSON يحتوي على اسم الملف ونوع MIME والبيانات.
- xml: عنصر XML تكون البيانات بداخله في قسم CDATA.
متى يجب تضمين الصور بـ Base64؟
ضمّن الصور الصغيرة (أقل من 5–10 KB تقريبًا) مثل الأيقونات والشعارات والعناصر النائبة لتوفير الطلبات. وتجنّب تضمين الصور الكبيرة: فهي تُثقل HTML/CSS، ولا يمكن تخزينها مؤقتًا بشكل منفصل، وتؤخر العرض. لمناقشة مفصّلة راجع شرح Data URI.
الأسئلة الشائعة
كيف أحوّل صورة إلى Base64؟
اختر صورتك، وحدد "Data URI" أو "<img>" كمخرجات، ثم انقر "ترميز الصورة إلى Base64". انسخ النتيجة إلى HTML أو CSS.
ما صيغ الصور المدعومة؟
أي صيغة يستطيع متصفحك قراءتها: PNG وJPG/JPEG وGIF وWebP وSVG وBMP وICO وAVIF وTIFF والمزيد.
كيف أستخدم صورة Base64 في HTML؟
ضع Data URI في السمة src: <img src="data:image/png;base64,iVBORw0KGgo..." alt="">.
التعليقات (0)
لديك سؤال أو فكرة أو وجدت خطأً في “صورة إلى Base64”؟ اترك تعليقًا، أو قيّم الأداة، أو ردّ على الآخرين.
لا توجد تعليقات بعد. كن أول من يشارك رأيه!