صورة إلى Base64
اختر صورة بمحدد الملفات. الترميز محلي عبر FileReader؛ ترى معاينة وBase64 خام وdata URI كاملًا مع نوع MIME واسم الملف. انسخ Base64 أو data URI حسب الحاجة.
محدّث 2026-08-04 · developer
Choose an image file. Encoding runs locally in your browser.
حول هذه الأداة
تُقبل فقط ملفات بنوع MIME للصورة. يبني readAsDataURL الـ data URI؛ وBase64 الخام هو الجزء بعد الفاصلة. يعرض الحالة الحجم بالكيلوبايت أو سبب رفض غير الصورة.
طريقة الاستخدام
- اختر ملف صورة: استخدم عنصر Image file واختر PNG أو JPG أو GIF أو WebP أو مشابهًا.
- انتظر الترميز المحلي: يقرأ المتصفح الملف ويعرض معاينة مع حقلي Base64 وdata URI.
- انسخ Base64 أو data URI: انقر Copy Base64 للسلسلة الخام، أو Copy data URI لعنوان data الكامل.
- تحقق من MIME والاسم: أكّد رمز MIME واسم الملف تحت مربعات النص قبل التضمين.
حالات الاستخدام
- ضمّن أيقونة صغيرة في CSS أو HTML دون استضافة أصل منفصل.
- الصق data URI في نموذج أولي أو قالب بريد يمنع الصور الخارجية.
- تحقق من سلسلة MIME وطول Base64 قبل التضمين في JSON.
نصائح
- فضّل صورًا صغيرة؛ الملفات الضخمة تنتج سلاسل طويلة يصعب لصقها.
- استخدم Copy data URI عندما تحتاج بادئة data:image/...;base64,.
الأسئلة الشائعة
هل تُرفع الصور إلى خادم؟
لا. FileReader يرمّز الملف المحدد في متصفحك فقط.
ماذا لو اخترت ملفًا ليس صورة؟
تُمسَح المخرجات ويُطلب اختيار صورة مثل PNG أو JPG.
ما الفرق بين Base64 وdata URI؟
Base64 (raw) هو البايتات المرمّزة فقط؛ يتضمن data URI بادئة data:image/...;base64,.
لماذا فشل الترميز؟
إن تعذّر قراءة الملف تعرض الحالة Failed to read the file—جرّب صورة أخرى.