محوّل الصور إلى Base64

ما معنى تحويل الصورة إلى Base64؟

Base64 طريقة لتمثيل الملف الثنائي — كالصورة — بحروف وأرقام نصية فقط. النتيجة نص طويل يمكن لصقه داخل ملف HTML أو CSS أو JSON، فتصبح الصورة جزءاً من الكود نفسه بدل أن تكون ملفاً منفصلاً يطلبه المتصفح من السيرفر.

الأداة تُخرج النص في خمس صيغ: Data URI الجاهز للاستخدام، النص الخام بدون بادئة لمن يحتاجه في واجهة برمجية، ووسم <img>، وخلفية CSS، وصيغة Markdown.

متى يكون التضمين مفيداً؟

• الأيقونات والشعارات الصغيرة: صورة بحجم بضعة كيلوبايتات تُضمَّن فتوفّر طلب شبكة كاملاً، وهو ما يُحسّن سرعة العرض الأولى.
• رسائل البريد الإلكتروني بصيغة HTML: تجنّب حجب الصور الخارجية الذي تفعله كثير من برامج البريد افتراضياً.
• ملف واحد مستقل: تقرير أو صفحة تُرسل كملف واحد يعمل دون اتصال ودون مجلد صور مرافق.
• الواجهات البرمجية: إرسال صورة داخل حِزمة JSON حين لا يقبل الطرف الآخر رفع ملفات.

ومتى يكون فكرة سيئة؟

• يزيد الترميز حجم البيانات بنحو 33% مقارنة بالملف الأصلي، والأداة تعرض لك الزيادة الفعلية.
• الصورة المضمَّنة لا تُخزَّن في ذاكرة المتصفح المؤقتة بمعزل عن الصفحة، فتُحمَّل من جديد مع كل تحميل للصفحة. للصور المتكررة بين الصفحات، الملف المنفصل أفضل.
• تجنّب تضمين الصور الكبيرة؛ نص بحجم مئات الكيلوبايتات داخل ملف CSS يؤجّل عرض الصفحة كلها.
• القاعدة العملية: ضمِّن ما هو أصغر من 5 كيلوبايتات تقريباً، واترك ما هو أكبر ملفاً مستقلاً.
• لملفات SVG غالباً ما يكون لصق كود SVG مباشرة أفضل من ترميزه بـ Base64، لأنه أقصر وقابل للتنسيق بـ CSS.