← العودة إلى الميزات
Free

صورة ↔ Base64

تقوم أداة صورة ↔ Base64 بتحويل ملفات الصور (PNG, JPG, SVG, WebP, GIF) إلى عناوين URL للبيانات مشفرة بـ Base64 والعكس. قم بسحب الصورة أو لصقها أو الضغط لتحميلها؛ ثم انسخ سلسلة data:image/...;base64,... الكاملة لتضمينها مباشرة في ملفات CSS أو HTML أو التكوين. أو الصق عنوان URI للبيانات لمعاينته وتنزيله كملف صورة.

يمكن تضمين الصور المشفرة بـ Base64 مباشرة في ملفات CSS أو HTML أو ملفات التكوين - وهي مفيدة للأيقونات الصغيرة، أو قوالب البريد الإلكتروني، أو عناصر البناء حيث لا يُفضل إجراء طلبات صور خارجية. تجعل هذه الأداة عملية التحويل سهلة للغاية. اسحب ملف صورة، أو الصق من الحافظة، أو اضغط للتصفح. تقوم الأداة بتحويلها إلى عنوان URI للبيانات مع نوع MIME الصحيح (data:image/png;base64,..., data:image/svg+xml;base64,..., إلخ). الاتجاه العكسي يعمل أيضاً - الصق عنوان URI للبيانات وستعرض الأداة الصورة للمعاينة وتوفر رابط تنزيل لحفظها كملف حقيقي. تعمل بالكامل في المتصفح، لا يوجد رفع للملفات - صورك لا تغادر جهازك أبداً. تدعم تنسيقات PNG، JPG/JPEG، SVG، WebP، GIF، و ICO.

معاينة مباشرة
example.com
Image ↔ Base64 صورة ← Base64 Base64 ← صورة
أسقط الصورة هنا
إسقاط، لصق، أو نقر
PNG, JPG, SVG, WebP
logo.png
8.4 KB · 256×256
معرّف بيانات Base64 (URI)
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNrs0rERwCAIhFEwjv9/6OS...
نسخ تنزيل
الميزات الرئيسية

سحب، لصق، أو تصفح

طرق متعددة لتحميل صورة: اسحب ملفاً من نظام التشغيل الخاص بك، أو الصق من الحافظة (لقطات الشاشة تعمل)، أو اضغط لفتح منتقي الملفات.

معاينة حية للصورة

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

نسخ عنوان URI للبيانات بضغطة واحدة

نسخ سلسلة data:image/...;base64,... الكاملة الجاهزة للصق في ملف CSS الخاص بك، أو سمة src في HTML، أو تكوين JSON.

تحويل فوري

لا يوجد انتظار للرفع - كل شيء يحدث محلياً. حتى الصور الكبيرة يتم تحويلها في جزء من الثانية.

تنزيل كملف

من عنوان URI للبيانات بتنسيق Base64، احفظ الصورة المفكوكة كملف حقيقي (PNG، JPG، SVG، إلخ) بالامتداد الصحيح.

دعم جميع التنسيقات الشائعة

يدعم PNG و JPG و SVG و WebP و GIF و ICO. يتم اكتشاف نوع MIME تلقائياً بحيث يكون عنوان URI للبيانات صحيحاً دائماً.

حالات الاستخدام الشائعة

تضمين أيقونات صغيرة في CSS

تحويل أيقونة 16×16 إلى Base64 وتضمينها في background-image: url(...). لا يوجد طلب HTTP، ولا فقدان للتخزين المؤقت - يتم شحن الأيقونة مع ملف CSS الخاص بك.

قوالب البريد الإلكتروني

تضمين الصور مباشرة في رسائل البريد الإلكتروني بتنسيق HTML كعناوين URI للبيانات عندما يتم حظر مراجع الصور الخارجية من قبل العملاء أو تمييزها كرسائل مزعجة.

عناصر البناء والحزم

تضمين صور صغيرة في مخرجات حزم webpack/vite للتخلص من رحلات الموارد أثناء تشغيل التطبيق.

استخراج الصور من عناوين URI للبيانات

الصق عنوان URI للبيانات من أدوات المطور، أو مصدر HTML، أو ملف CSS لمعاينة وتنزيل الصورة الأساسية كملف.

تصحيح الصور المضمنة

عندما لا يتم عرض صورة مضمنة، الصق عنوان URI للبيانات في مفكك التشفير للتحقق من أن تشفير Base64 صالح وأن نوع MIME صحيح.

كيفية الاستخدام
1

فتح صورة ↔ Base64

اضغط على أيقونة Image Base64 في لوحة DevSuite Pro. تفتح لوحة مقسمة إلى قسمين مع منطقة إفلات وحقل لعنوان URI للبيانات.

2

تحميل صورة

اسحب ملفاً إلى منطقة الإفلات، أو الصق صورة من الحافظة (Ctrl+V)، أو اضغط على المنطقة للتصفح. ستظهر معاينة.

3

الحصول على عنوان URI للبيانات

يتم إنشاء عنوان URI للبيانات بتنسيق Base64 على الفور في حقل المخرجات - اضغط على 'نسخ' لإرساله إلى حافظتك، ليكون جاهزاً للصق المباشر.

4

الاتجاه العكسي

للانتقال من Base64 إلى صورة، الصق عنوان URI للبيانات في الحقل. ستعرض المعاينة الصورة ويظهر زر تنزيل.

5

تنزيل أو نسخ

احفظ الصورة المعاد بناؤها كملف حقيقي، أو انسخ عنوان URI للبيانات لمشاركته أو تضمينه في مكان آخر.

هل أنت جاهز للتجربة؟

قم بتثبيت DevSuite Pro مجانًا وافتح أكثر من 64 أداة للمطورين لمتصفحك.

إضافة إلى Chrome أضف إلى Edge إضافة إلى FireFox