صورة إلى Base64
حوّل صور PNG أو JPG أو WebP أو GIF إلى Data URI بصيغة Base64 أو نص Base64 أو وسم img في HTML أو خلفية CSS. مثالي لتضمين الأيقونات الصغيرة داخل الكود.
أسقط ملف صورة هنا
أو انقر لتصفح الملفات
حوّل صورة PNG أو JPG أو WebP أو GIF أو SVG إلى Base64 واحصل عليها بالصيغة التي تحتاجها فعلاً: Data URI كامل، أو نص Base64 وحده، أو وسم <img> في HTML، أو إعلان خلفية CSS، جاهزاً للصق.
وتضمين الرسوم الصغيرة مباشرةً في الكود يحذف طلب شبكة ويضمن ظهور الأيقونة حتى قبل تحميل ورقة الأنماط، ولهذا تشيع Data URI في الأيقونات ومؤشرات الانتظار وتواقيع البريد الإلكتروني. أما المقابل فهو الحجم: فـ Base64 أكبر بنحو الثلث من الملف الثنائي ولا يمكن تخزينه مؤقتاً على حدة، فاقتصر عليه في الأصول الصغيرة واربط الصور الأكبر بالطريقة المعتادة.
كيفية تحويل صورة إلى Base64
اختر صورة
اختر صيغة الإخراج التي تحتاجها
انسخ Data URI أو الوسم أو كود CSS
الأسئلة الشائعة
متى أضمّن الصورة بدلاً من ربطها؟
في الرسوم الصغيرة كثيرة الاستخدام التي يقل حجمها عن نحو 10 كيلوبايت، مثل الأيقونات والشعارات ومؤشرات الانتظار، حيث يكون توفير طلب واحد أهم من الزيادة في الحجم. أما الصور الكبيرة فالأفضل أن تبقى ملفات ليخزّنها المتصفح مؤقتاً.
لماذا نص Base64 أكبر من ملفي؟
يرمّز Base64 كل ثلاثة بايتات بأربعة أحرف، وهذا يضيف نحو 33%. وهذه الزيادة لا مفر منها في الترميز نفسه.
ما الصيغ التي يمكنني استخدامها؟
PNG وJPG وWebP وGIF وSVG. ويبقى SVG المتجهي المضمّن كـ Data URI قابلاً للتكبير، ولذلك يكون غالباً أفضل اختيار للأيقونات.
هل يعمل في CSS كما في HTML؟
نعم، انسخ صيغة CSS لاستخدامها في إعلان background-image، أو صيغة HTML لسمة img src.
هل تعرضه برامج البريد الإلكتروني؟
معظم البرامج الحديثة تفعل ذلك، لكن بعضها يحذف Data URI لأسباب أمنية. وفي قوالب البريد الإلكتروني، استضف الصورة واربطها إن كان التخطيط مهمّاً.
هل تُرفع صورتي؟
لا، يجري الترميز في متصفحك.
نظرة سريعة
| المدخل | صورة |
|---|---|
| عدة ملفات | نعم |
| مكان التشغيل | في متصفحك، ولا تُرفع الملفات أبداً |
| يعمل دون اتصال | نعم — بعد تحميل الصفحة |
| السعر | مجاني، بلا تسجيل وبلا علامة مائية |
أين تنكسر التحويلات بهدوء
معظم أخطاء التحويل لا تتعلق بالصياغة بل بالمعنى. فعمود من الرموز البريدية في ملف CSV يفقد أصفاره البادئة في اللحظة التي يخمّن فيها جدول البيانات أنه رقم؛ ومعرّف طويل يتجاوز دقة الفاصلة العائمة؛ والتواريخ يتغير معناها بحسب ما إذا كان اليوم أولاً أم الشهر أولاً. ومفاتيح JSON غير مرتبة أما المصفوفات فمرتبة، والأداة التي ترتب المفاتيح لا تغيّر شيئاً بينما التي ترتب المصفوفات تغيّر البيانات. وUnicode فخ آخر: فقد يصل النص بترميز UTF-8 أو UTF-16 أو مع علامة ترتيب البايتات، وفاكّ الترميز الذي يخمّن خطأً يحوّل المحارف المشكّلة إلى نص مشوّه. وقبل أن تثق بأي تحويل، افحص الصف الأول والأخير، وكل حقل فيه أصفار بادئة، وكل حقل يحتوي على علامات تنصيص أو فواصل أو أسطر جديدة.
اختيار صيغة البيانات
JSON هو الصيغة الافتراضية لكل ما تُرجعه واجهة API أو يقرأه برنامج: فهو يتعامل بطبيعته مع البنى المتداخلة والأرقام والقيم المنطقية وnull، وكل لغة تحلّله. أما CSV فأصغر حجماً ويُفتح مباشرة في جدول بيانات، لكنه لا يملك وسيلة للتعبير عن التداخل ولا معياراً مشتركاً للفاصل أو التنصيص أو مجموعة المحارف، وهذا بالضبط موضع الخطأ في التحويلات. أما XML فمطوّل لكنه يحمل السمات والمحتوى المختلط والمخططات، ولذلك ما زال مهيمناً على صيغ المستندات والتكاملات القديمة. وYAML هو الأسهل قراءةً في الإعدادات لكنه حساس للمسافات البيضاء وفيه إكراه مفاجئ للأنواع («no» تصبح false، وإصدار مثل 1.10 يصبح 1.1). فاختر الصيغة التي تفضّلها الأداة المستهلكة لا الصيغة الأجمل منظراً.