🖼️
🎨
Inline an Image in CSS
Embed a small icon or background as a data URI in your stylesheet.
لا يلزم تسجيل الدخولالملفات تبقى خاصة
أسقط الملفات هنا أو انقر للتصفح
PNG, JPG, WebP, GIF, SVG, AVIF, X, Image لا حد لحجم الملف
ملفاتك لا تغادر جهازك أبدًا. تتم جميع المعالجة محليًا في متصفحك.
Convert an image to a Base64 data URI you can paste directly into CSS, HTML, or Markdown — no separate file needed. Encoded in your browser; never uploaded.
CSS tips
🎨
The CSS snippet gives you a ready background-image: url(...) with the data URI inlined.
⚡
Inlining a small icon removes an HTTP request, which can speed up first paint.
📏
Keep it to small images — Base64 is ~33% larger, so big images bloat your CSS.
🔒
Encoded in your browser — never uploaded.
كيف يعمل
1
اختر ملفاً
Drop your file into the tool above. It stays entirely on your device — nothing is sent to any server.
2
معالجة
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
تنزيل
Get your result instantly. Nothing is stored after you leave the page — complete privacy.
لماذا تستخدم أداتنا؟
✓مجاني تمامًا — بدون تكاليف خفية، أبدًا
✓لا حساب أو بريد إلكتروني أو تسجيل دخول مطلوب
✓الملفات لا تغادر جهازك أبدًا
✓لا قيود على حجم الملف مطلقًا
✓لا علامات مائية على أي مخرجات