محوّل الصورة إلى Base64 (Data URI)
حوّل صورة إلى data URI بترميز Base64 داخل متصفحك وانسخ مقتطفات HTML img وخلفية CSS وMarkdown الجاهزة مع تفاصيل الحجم.
يعمل بالكامل في متصفحك. لا يتم رفع بياناتك أبدًا.
ما هو تحويل الصورة إلى Base64؟
تشفّر هذه الأداة ملف صورة بترميز Base64 ليمكن تضمينه مباشرة في HTML أو CSS أو JSON أو Markdown. وتخرج data URI الكامل (data:image/png;base64,…) وسلسلة Base64 الخام، ومقتطفات جاهزة للنسخ لوسم <img> وخاصية CSS background-image وMarkdown، مع حجم الصورة وزيادة حجم Base64.
كيفية استخدام تحويل الصورة إلى Base64
- أسقط صورة (PNG أو JPEG أو GIF أو WebP أو SVG أو ICO…) أو اخترها أو الصقها.
- اقرأ الصيغة المكتشفة والأبعاد وحجم الملف وطول data URI.
- انقر نسخ بجوار النسخة التي تحتاجها: data URI أو Base64 الخام أو مقتطف HTML أو خلفية CSS أو Markdown.
مثال
30×30 PNG filled with #3366CC (99 bytes)
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAAAKklEQVR4nGM0TjvDQBvARCNzR40eNXrU6FGjR40eNXrU6FGjR40eEUYDACc1AaFANYRxAAAAAElFTkSuQmCC
متى تستخدم تحويل الصورة إلى Base64
ضمّن الصور الصغيرة جدًا كالأيقونات والشعارات الصغيرة أو العناصر النائبة لتوفير طلب HTTP، أو لتضمين الصور في ملفات HTML مفردة أو رسائل البريد أو واجهات JSON، أو في CSS الذي يجب أن يكون مكتفيًا ذاتيًا. وتجنّب ذلك للصور التي تتجاوز نحو 20 KB: فهي تضخّم HTML/CSS ولا يمكن تخزينها مؤقتًا على حدة.
كيف يعمل تحويل الصورة إلى Base64
تُقرأ بايتات الملف بـ File.arrayBuffer() وتُكتشف الصيغة الحقيقية من البايتات السحرية (مثل 89 50 4E 47 لـ PNG) بدل الوثوق بامتداد الملف، ثم تُرمَّز البايتات بـ Base64 عبر btoa. وصيغة data URI هي data:<mime>;base64,<base64>. يمثّل Base64 كل 3 بايتات بـ 4 أحرف، فيكون النص أكبر من الملف بنحو 33%.
حالات الاستخدام الشائعة
- تضمين أيقونة صغيرة مباشرة في ملف CSS.
- وضع شعار في قالب بريد HTML أو صفحة مفردة تعمل دون اتصال.
- إرسال صورة داخل حمولة JSON إلى API.
- كتابة مستند Markdown أو Jupyter مكتفٍ ذاتيًا.
ملاحظة أمنية
تُفك الصور وتُعالَج وتُرمَّز محليًا في متصفحك بواجهة Canvas. لا يُرفع شيء إلى خادم.
الأسئلة الشائعة
لماذا Base64 أكبر من ملفي؟
يستخدم Base64 أربعة أحرف نصية لكل 3 بايتات، فتكون السلسلة المرمَّزة أكبر بنحو 33% (إضافة إلى بضع بايتات للحشو وبادئة data URI).
هل تغيّر الأداة صورتي أو تضغطها؟
لا. إنها ترمّز بايتات ملفك كما هي. استخدم ضاغط الصور أولًا إن أردت نتيجة أصغر.
هل أستطيع تحويل Base64 مرة أخرى إلى صورة؟
نعم، استخدم أداة Base64 إلى صورة التي تقبل data URI أو Base64 الخام وتتيح لك تنزيل الملف.