تحويل الصيغ

صورة إلى Base64

تحويل الصور إلى Data URI بصيغة Base64 للمطورين.

اسحب صورة للتحويل إلى Base64

يدعم JPG وPNG وWebP وHEIC وTIFF وغيرها · بحد أقصى 40 MB م.ب

ما هي صورة إلى Base64?

Convert images to Base64 data URIs for developers. ترميز أي صورة كـ data URI Base64 لتضمينها في CSS/HTML. تضمين الأيقونات الصغيرة مباشرة في الوسم لتوفير الطلبات. سلسلة data:[mime];base64,... جاهزة للنسخ.

تتم جميع المعالجة محلياً في متصفحك. لا تُرفع صورك إلى أي خادم إطلاقاً.

الميزات الرئيسية

  • نسخ بنقرة واحدة
  • يدعم JPG/PNG/WebP/SVG/GIF
  • يعرض فرق الحجم

حالات الاستخدام الشائعة

  • تضمين الصور الصغيرة في HTML/CSS كـ Data URI
  • إدراج الصور في JSON أو قوالب البريد
  • ترميز الصور لملفات markdown أو الإضافات
دليل الاستخدام

كيفية استخدام هذه الأداة

محوّل الصورة إلى Base64 يحوّل أي ملف صورة إلى سلسلة data URI يمكن تضمينها مباشرة داخل HTML أو CSS أو JSON أو JavaScript. إنها أداة أساسية لمطوري الواجهات الأمامية لتضمين الأيقونات الصغيرة، وتجنب طلبات HTTP الإضافية، وشحن حمولات الأصول داخل استجابات API — دون أي رحلات ذهاب وإياب إلى السحابة.

كيفية الاستخدام

أسقط صورة أو الصقها من الحافظة. تقرأ الأداة الملف كـ ArrayBuffer، وترمّزه بـ base64، وتضيف للنتيجة ترويسة data URI المناسبة (على سبيل المثال data:image/png;base64,…). يتم عرض كل من Data URI الخام وقاعدة خلفية CSS جاهزة للصق.

انسخ أي مخرج إلى الحافظة بنقرة واحدة. تُبلغ الأداة أيضاً عن الحجم المرمّز حتى تتمكن من تحديد ما إذا كان التضمين خياراً جيداً — تذكر أن حمولات base64 أكبر بنحو 33% من الثنائي الأصلي.

  • نسخ بنقرة واحدة لـ Data URI أو قاعدة خلفية CSS
  • يُبلغ عن حجم البايت المرمّز في الوقت الفعلي
  • يدعم JPG و PNG و WebP و SVG و GIF والمزيد
  • يعمل بالكامل دون اتصال: آمن للأصول الخاصة

متى يكون التضمين منطقياً

تُعد data URIs المضمّنة مثالية للصور التي تقل عن ~4 KB، والأيقونات المفضلة، وقوالب البريد الإلكتروني، والعناصر النائبة الضبابية، وأصول التسويق لمرة واحدة. إنها توفر رحلة ذهاب وإياب عبر الشبكة وتزيل مواطن الخلل المتمثلة في وميض الصورة غير المحمّلة للبكسلات البارزة الحرجة.

لأي شيء أكبر، احتفظ بالصورة خارجية واستخدم التخزين المؤقت لـ HTTP. يؤدي base64 المضمّن إلى تضخيم حزمة HTML/CSS الخاصة بك، ولا يمكن تخزينه مؤقتاً بواسطة ذاكرة التخزين المؤقت للصور في المتصفح، ويضر بمقاييس LCP عند تحميل الصفحة الأولي.

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

هل أضمّن كل الصور بوصفها Base64؟

فقط للأصول <4KB؛ Base64 أكبر بـ 33%.

ما نوع MIME الناتج؟

يُكتشف من المصدر: image/png وimage/jpeg وغيرها.

ما هو Base64 Data URI؟

تنسيق يرمّز البيانات الثنائية كنص، يتيح تضمين الصور بدون ملفات منفصلة.

هل يزيد الحجم؟

نعم، بحوالي 33%. الأنسب للصور الصغيرة تحت 4 كيلوبايت.

هل أرمّز كل الصور؟

لا. فقط للصور الصغيرة. استخدم WebP/AVIF للكبيرة.

هل هذه الأداة مجانية؟

نعم، مجانية بالكامل بدون تسجيل أو علامات مائية أو حدود يومية. المعالجة محلية.

لماذا سلسلة base64 أكبر من ملفي الأصلي؟

Base64 هو ترميز 6-بت لتدفق ثنائي 8-بت، لذا فهو يضيف حوالي 33% من الحمل الزائد. هذا أمر متأصل في التنسيق.

هل يمكنني فك ترميز سلسلة base64 وإعادتها إلى ملف؟

هذه الأداة أحادية الاتجاه. معظم المتصفحات وبيئات التطوير يمكنها عرض Data URIs مباشرة، أو يمكنك استخدام أداة فك ترميز.