ToolsMaxxing

صورة إلى Base64

رمّز صورة كنص Base64 أو رابط بيانات.

أو اسحب صور وأفلته هنا

صور JPG أو PNG أو WebP أو GIF أو AVIF أو BMP أو SVG · يمكن إضافة عدة ملفات

ملفاتك تبقى على جهازك

  1. 1أضف الملفات
  2. 2اضبط
  3. 3نزّل

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

  1. 1اختر صورة أو أكثر، أو اسحبها إلى الصفحة.
  2. 2اختر المخرجات: رابط بيانات، أو نص Base64 عادي، أو وسم img في HTML، أو CSS background-image.
  3. 3اضغط نسخ الكل لنسخ النص، أو حفظ بصيغة .txt للاحتفاظ به كملف.
  4. 4الصقه في كودك أو قالب بريدك أو ملف الأنماط.

ماذا تفعل الخيارات

رابط بيانات
النص الكامل "data:image/png;base64,...". يعمل مباشرة كقيمة src لصورة أو داخل CSS url().
نص Base64 فقط
الأحرف المرمزة فقط، لواجهات API وحقول JSON التي تطلب Base64 عاديًا.
وسم img في HTML
عنصر img جاهز يحتوي على رابط البيانات.
CSS background-image
سطر CSS يستخدم الصورة كخلفية.

الخصوصية

تعمل هذه الأداة في متصفحك. لا يتم رفع ملفاتك إلى أي خادم.

أسئلة شائعة

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

لا. تُرمَّز الصورة في متصفحك ويظهر النص لك وحدك.

لماذا نص Base64 أكبر من الصورة؟

تكتب Base64 كل 3 بايتات في 4 أحرف، لذا يكون النص أكبر من الملف بنحو الثلث.

متى أستخدم رابط بيانات؟

للأشياء الصغيرة مثل الأيقونات أو شعار صغير في بريد أو صورة مؤقتة. وللصور الأكبر يكون الملف العادي أسرع لأن المتصفحات تستطيع تخزينه مؤقتًا.

هل يعمل مع SVG؟

نعم. تُرمَّز ملفات SVG كروابط بيانات من نوع image/svg+xml.

هل يمكنني إعادة Base64 إلى صورة؟

الصق رابط البيانات في شريط عنوان المتصفح لعرضه، أو استخدم أداة فك ترميز Base64 في صفحة أدوات المطورين.

أدوات ذات صلة