Icon kecil (< 4 KB) inline di CSS — menghemat satu request HTTP dan menghindari flash di first paint. Email HTML mandiri, demo satu-file, atau PWA yang offline-capable. Paste cepat ke catatan Markdown, halaman Notion, atau thread chat yang harus ikut bersama gambarnya. Test fixture dan file snapshot ketika kamu ingin aset itu di-commit bersama test-nya.

Penalti ukuran. Base64 membengkakkan payload sekitar ~33%. Di atas ~4–8 KB, biaya embedding melebihi penghematan request, terutama karena data URI tidak bisa di-cache terpisah oleh browser. Tidak ada deduplikasi antar halaman. Setiap halaman yang menyematkan URI itu mengirim byte-nya lagi. Untuk apa pun yang dipakai ulang, simpan sebagai URL asli supaya browser meng-cache-nya sekali. Email client berbeda-beda. Kebanyakan client modern me-render data URI, tapi Outlook di Windows secara historis memblokirnya di . CID attachment masih lebih aman untuk mass email. SVG ≠ raster. Untuk SVG, menyematkan markup langsung (atau url-encode SVG-nya) biasanya lebih kecil dibanding Base64.

Gambar ke Base64

Konversi gambar apa pun ke Base64 data URI untuk penggunaan inline di HTML, CSS, atau Markdown. File tetap di browser-mu.

Pick or drop an image

Preview

No image yet.

Data URI

Masukkan input di atas untuk melihat hasilnya.

Snippets

Dibuat oleh JXXR1 · ♥ Jadi sponsor · ☕ Belikan saya kopi

Untuk apa ini?

Sebuah data URI menyematkan byte file langsung ke dalam URL menggunakan Base64 — tanpa request terpisah, tanpa file eksternal. Converter ini membaca image apa pun yang kamu drop dan menghasilkan string data:image/...;base64,... yang siap di-paste ke HTML, CSS, Markdown, atau JSON. File tidak pernah meninggalkan browser kamu; konversi terjadi via FileReader.readAsDataURL.

Kapan digunakan

Icon kecil (< 4 KB) inline di CSS — menghemat satu request HTTP dan menghindari flash di first paint.
Email HTML mandiri, demo satu-file, atau PWA yang offline-capable.
Paste cepat ke catatan Markdown, halaman Notion, atau thread chat yang harus ikut bersama gambarnya.
Test fixture dan file snapshot ketika kamu ingin aset itu di-commit bersama test-nya.

Kesalahan umum

Penalti ukuran. Base64 membengkakkan payload sekitar ~33%. Di atas ~4–8 KB, biaya embedding melebihi penghematan request, terutama karena data URI tidak bisa di-cache terpisah oleh browser.
Tidak ada deduplikasi antar halaman. Setiap halaman yang menyematkan URI itu mengirim byte-nya lagi. Untuk apa pun yang dipakai ulang, simpan sebagai URL asli supaya browser meng-cache-nya sekali.
Email client berbeda-beda. Kebanyakan client modern me-render data URI, tapi Outlook di Windows secara historis memblokirnya di <img src>. CID attachment masih lebih aman untuk mass email.
SVG ≠ raster. Untuk SVG, menyematkan markup langsung (atau url-encode SVG-nya) biasanya lebih kecil dibanding Base64.