تخطي إلى المحتوى
SPCXTools

تحويل الصورة إلى Base64

حوّل أي صورة إلى Base64 data URI وانسخها كـ Base64 عادي، أو خلفية CSS، أو وسم HTML img، أو Markdown.

تعمل محلياً — ملفاتك لا تغادر جهازك أبداً

جاري تحميل الأداة…

كيفية استخدام تحويل الصورة إلى Base64

  1. 1اختر صورة أو أفلتها في الصفحة.
  2. 2اختر صيغة المخرجات — Data URI، أو Base64 عادي، أو CSS، أو HTML، أو Markdown.
  3. 3تحقق من الحجم المشفر المعروض بجوار المعاينة.
  4. 4انقر على نسخ والصق الكود في المكان الذي تحتاجه.

تضمين الصور مباشرة في الكود

قد تحتاج أحياناً إلى صورة بدون ملف منفصل: كأيقونة في ملف أنماط (stylesheet)، أو شعار في تقرير HTML بملف واحد، أو عنصر نائب في استجابة JSON API، أو صورة في مستند Markdown، أو خلفية في مكتبة مكونات. يقوم هذا المحول بتشفير أي صورة بصيغة Base64 وتنسيقها لتكون جاهزة للصق — على شكل data URI، أو Base64 عادي، أو كـ background-image في CSS، أو وسم <img> في HTML، أو كصيغة صورة Markdown.

الميزات

  • جميع صيغ الصور الشائعة: PNG، JPG، GIF، WebP، AVIF، SVG، ICO وغيرها.
  • خمسة تنسيقات للمخرجات لتناسب مختلف الاستخدامات.
  • مقارنة الحجم بين الملف الأصلي والنص المشفر.
  • معاينة الصورة مع خلفية شبكية للشفافية.
  • النسخ بنقرة واحدة.
  • الخصوصية: لا يغادر الملف متصفحك أبداً.

أمثلة على المخرجات

التنسيق الشكل
Data URI data:image/png;base64,iVBORw0KGgo…
Base64 iVBORw0KGgo…
CSS background-image: url("data:image/png;base64,…");
HTML <img src="data:image/png;base64,…" alt="logo">
Markdown ![logo](data:image/png;base64,…)

الحفاظ على صغر حجم الصور المضمنة

لا يمكن تخزين الصور المضمنة في الذاكرة المؤقتة (Cache) بشكل مستقل، بل يُعاد تنزيلها مع كل مرة تُحمل فيها الصفحة أو ملف الأنماط الذي يحتوي عليها. كقاعدة عامة، يُنصح بتضمين الصور التي لا يتجاوز حجمها بضعة كيلوبايتات فقط. يمكنك تصغير حجم الصور أولاً باستخدام أداة ضغط الصور، أو تحويل الأيقونات المتجهة باستخدام أداة تحويل SVG إلى PNG إذا كنت بحاجة إلى صورة نقطية (Bitmap)، أو تشفير الملفات والنصوص الأخرى باستخدام أداة التشفير Base64.

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

ما هو data URI؟
يقوم data URI بتضمين الملف مباشرة في النص، على شكل data:image/png;base64, متبوعاً بالبايتات المشفرة. تعرضه المتصفحات تماماً كصورة محملة من رابط (URL)، ولكن دون الحاجة إلى طلب منفصل.
لماذا يكون حجم Base64 أكبر من الصورة الأصلية؟
يقوم Base64 بتشفير كل 3 بايت إلى 4 أحرف نصية، لذا تكون النتيجة أكبر بحوالي 33% من الملف الأصلي. عندما يتم تقديم الصفحة باستخدام ضغط gzip أو Brotli، يتم استرداد جزء من هذه الزيادة في الحجم.
متى يجب عليّ تضمين الصور بصيغة Base64؟
للصور الصغيرة — الأيقونات، الشعارات الصغيرة، العناصر النائبة، والصور في رسائل البريد الإلكتروني بتنسيق HTML أو المستندات المكونة من ملف واحد — حيث يكون تجنب طلب إضافي أمراً مهماً. أما للصور الكبيرة، فمن الأفضل استخدام ملف صورة عادي لأنه يمكن تخزينه مؤقتاً بشكل منفصل ولا يؤدي إلى تضخم كود HTML أو CSS.
هل تعرض برامج البريد الإلكتروني صور Base64؟
يختلف الدعم من برنامج لآخر. تقوم العديد من خدمات بريد الويب بحظر أو إزالة صور data-URI، لذا بالنسبة للنشرات الإخبارية، من الأفضل والأكثر موثوقية استضافة الصور على خادم خارجي أو إرفاقها كمرفقات مضمنة.
هل يتم رفع صورتي؟
لا. تتم قراءة الصورة وتشفيرها محلياً بواسطة متصفحك. لا يتم إرسال أي بيانات إلى الخادم.

أدوات ذات صلة

ترميز وفك ترميز Base64حوّل النصوص والملفات إلى Base64 والعكس، مع دعم كامل لـ UTF-8 و Base64URL.تحويل SVG إلى PNGحوّل رسومات SVG المتجهة إلى صور PNG واضحة بأي حجم، مع الحفاظ على شفافية الخلفية.ضغط الصورتصغير حجم الصور حسب الجودة أو إلى حجم مستهدف دقيق بـ KB — دفعة واحدة، وبدون رفعها.تشفير وفك تشفير URLقم بتشفير النصوص لروابط URL أو فك تشفير الروابط وسلاسل الاستعلام المشفرة لإعادتها إلى نصوص مقروءة.تحويل Base64 إلى صورةفك تشفير نصوص Base64 و Data URIs لتحويلها إلى صور قابلة للعرض والتنزيل فوراً من متصفحك.حاسبة Chmodالتحويل بين مربعات الاختيار، والأرقام الثمانية مثل 755، والصلاحيات الرمزية مثل rwxr-xr-x.