يتم الترميز محليًا في متصفّحك — لا يتم رفع صورتك أبدًا.
تضيف عناوين URI للبيانات نحو 33% من الحِمل الزائد — فكّر في تقديم الملف مباشرةً.
- يظهر هنا نوع MIME والحجم المكتشفان.
حول هذه الأداة
Base64 هو ترميز من ثنائي إلى نص يُسقِط كل ثلاثة بايتات من البيانات الثنائية على أربعة محارف ASCII مأخوذة من أبجدية مكوّنة من 64 رمزًا، مع حشو الذيل بالعلامة "=". يغلّف data URI تلك الحمولة ببادئة "data:<mime>;base64," بحيث يمكن للصورة أن تعيش مضمّنة داخل HTML أو CSS أو JSON بدلًا من أن تكون طلب شبكة منفصلًا. يضخّم الترميز الحجم بنحو 33%، إذ تمثّل أربعة محارف خرج ثلاثة بايتات دخل.
استخدمه لتضمين الأيقونات أو الصور المتراصّة (sprites) أو ملفات SVG الصغيرة مباشرةً داخل ورقة أنماط أو وسوم لتقليل رحلات HTTP، ولتضمين الشعارات في رسائل البريد وتقارير HTML المكتفية بذاتها، ولِلصق بايتات الصورة في حمولة واجهة برمجة تطبيقات JSON، أو لإسقاط أيقونة موقع (favicon) سريعة في نموذج أوّلي بملف واحد. ويحوّل الوضع العكسي data URI أو سلسلة Base64 خامًا عائدًا إلى ملف قابل للتنزيل عندما تحتاج إلى استرجاع صورة مأخوذة من CSS أو عمود في قاعدة بيانات أو سجلّ.
كل شيء يجري في متصفّحك — تُقرأ صورتك بواسطة FileReader ولا تُرفَع أبدًا، لذا تبقى حتى الأصول السرّية على جهازك.
الأسئلة الشائعة
لماذا صورتي بصيغة Base64 أكبر من الملف الأصلي؟
يرمّز Base64 ثلاثة بايتات من الثنائي إلى أربعة محارف ASCII، لذا فالنص المُرمّز أكبر بنحو 33% من الملف المصدر. وتضيف بادئة data URI وأي التفاف للأسطر قليلًا فوق ذلك.
هل ينبغي أن أضمّن الصور كـ data URIs بصيغة Base64 أم أربطها بالملف؟
ضمّن الأصول الصغيرة المتكرّرة الاستخدام مثل الأيقونات وملفات SVG لتوفير طلبات HTTP، لكن قدّم الصور الأكبر كملفات منفصلة — إذ لا يمكن تخزين data URIs مؤقتًا بشكل مستقل، وتضخّم HTML أو CSS، ويفوق عبء الحجم البالغ نحو 33% الطلبَ الموفَّر.
كيف أحوّل سلسلة Base64 عائدًا إلى ملف صورة؟
بدّل إلى وضع Base64 to Image والصق إما data:image/... URI كاملًا أو سلسلة Base64 خامًا؛ تفكّ الأداة ترميزه، وتعرض النتيجة معاينةً، وتكشف نوع MIME، وتوفّر زرّ تنزيل يحفظه كملف حقيقي.