تخطَّ إلى المحتوى
ToolMug

الصورة إلى Base64

حوّل صورة إلى رابط بيانات Base64 يمكنك لصقه مباشرة في HTML أو CSS أو Markdown أو JSON — أو الصق Base64 لرؤية الصورة التي يحتويها وتنزيلها.

يعمل في متصفحك — لا يُرفع أي شيء تُدخله

أو أفلت ملفًا هنا

يمكنك أيضًا لصق صورة باستخدام Ctrl+V / ⌘V

من Base64 إلى صورة

طريقة الاستخدام

  1. اختر صورة، أفلتها هنا، أو الصقها بـ Ctrl+V.
  2. اختر الناتج — رابط بيانات، أو Base64 فقط، أو خلفية CSS، أو وسم img في HTML، أو Markdown.
  3. انسخ النتيجة.
  4. للاتجاه المعاكس، الصق رابط بيانات أو سلسلة Base64 ضمن «Base64 إلى صورة».

شرح الخيارات

رابط البيانات
السلسلة الكاملة data:image/png;base64,…، قابلة للاستخدام في أي مكان يُقبل فيه رابط.
Base64 فقط
البيانات المرمّزة فقط بلا بادئة data:…;، لواجهات API وحقول JSON التي تتوقع Base64 خامًا.

أمثلة

الناتج النتيجة
رابط بيانات data:image/png;base64,iVBORw0KGgo…
CSS background-image: url("data:image/png;base64,…");
HTML <img src="data:image/png;base64,…" alt="">

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

كم يكبّر Base64 حجم الصورة؟

بنحو الثلث. يستخدم Base64 أربعة أحرف لكل ثلاثة بايتات، لذا تصبح صورة بحجم 30 كيلوبايت نحو 40 كيلوبايت من النص.

متى يجب أن أُضمّن صورة كـBase64؟

للأيقونات الصغيرة والصور التي تقل عن بضعة كيلوبايتات، يوفر التضمين طلب شبكة. الصور الأكبر أفضل كملفات منفصلة لأنه يمكن تخزينها مؤقتًا ولا تُضخّم HTML أو CSS.

أي التنسيقات مدعومة؟

أي صورة يستطيع متصفحك قراءتها، بما فيها PNG وJPEG وGIF وWebP وSVG وAVIF وICO. يتعرف فك الترميز على التنسيق من البيانات نفسها عند غياب نوع MIME.

هل تُرفع صوري؟

لا. يعمل الترميز وفك الترميز في متصفحك.

الخصوصية

تعمل هذه الأداة بالكامل داخل متصفحك. تُعالَج ملفاتك ونصوصك على جهازك ولا تُرفع أبدًا إلى خوادمنا.

أدوات ذات صلة