تخطَّ إلى المحتوى الرئيسي

صورة إلى Base64 مجانًا

حوِّل صورة إلى رابط بيانات Base64 للاستخدام المضمَّن في CSS أو HTML أو Markdown. انسخ مقتطفات جاهزة. تُشفَّر في متصفحك؛ لا تُرفع أبدًا.

يعمل دون اتصال بعد التحميل

أفلت ملفًا هنا، أو انقر للتصفح

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · تتم معالجته على جهازك

أو اضغط Ctrl+V للصق من الحافظة

تصفح الملفات

تلميح: يمكنك أيضًا لصق صورة من الحافظة (Ctrl+V).

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

حوِّل صورة إلى Base64 data URI يمكن لصقه مباشرة في CSS أو HTML أو Markdown — دون الحاجة إلى ملف منفصل. يُرمَّز في متصفحك ولا يُرفع أبداً.

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

  • مضمّن صورة في CSSضمّن أيقونة صغيرة أو خلفية كـ URI بيانات في ورقة الأنماط الخاصة بك.
  • ضمّن صورة في HTMLضمّن شعار أو أيقونة مباشرة في HTML المستقل.
  • تحويل SVG أو أيقونة إلى Base64حول أيقونة صغيرة إلى URI بيانات للمضمّن.
  • ضمّن صورة في Markdownمضمّن صورة صغيرة في ملف Markdown باستخدام URI بيانات.
  • احصل على URI بيانات الصورةإنتاج URI بيانات خام يمكنك استخدامه في أي مكان.

كيف يعمل

يضمّن data URI الصورة مباشرة في الكود كنص، فتُحمَّل دون طلب ملف منفصل — مفيد للأيقونات الصغيرة وملفات HTML المستقلة. يرمّزها هذا في متصفحك.

  1. 1
    أنت تُسقط صورة
    يتم قراءتها محلياً باستخدام FileReader API — لم يتم تحميلها أبداً.
  2. 2
    يتم ترميز Base64
    تتحول بايتات الصورة إلى data URI (data:image/...;base64,…) مباشرة في متصفحك.
  3. 3
    أنت تختار مقتطفًا
    انسخ data URI الخام، أو مقتطف CSS جاهزًا (background-image)، أو HTML (<img>)، أو Markdown.
  4. 4
    الصقه في الكود الخاص بك
    الصورة الآن تسافر مع CSS/HTML — بدون ملف إضافي للاستضافة.

يتم ترميز الصورة بالكامل على جهازك. لاحظ أن Base64 أكبر بنسبة ~33٪ من الأصل، لذا فإن URIs للبيانات هي الأفضل للصور الصغيرة.

أدوات ذات صلة

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