Lewati ke konten
FileTinker

Image ke Base64

Konversi gambar menjadi data URI Base64 untuk menyematkannya langsung di CSS atau HTML — atau tempel Base64 untuk mengubahnya kembali menjadi gambar yang dapat diunduh. Semuanya berjalan di browser Anda.

Konversi arah sebaliknya

Perlu mengubah Base64 kembali menjadi gambar? Gunakan halaman khusus berikut:

Cara mengonversi gambar ke Base64

  1. Letakkan sebuah gambar (atau beralih ke Base64 → Gambar dan tempel Base64).
  2. Salin data URI Base64 — aktifkan atau nonaktifkan awalan data:.
  3. Tempel ke dalam CSS atau HTML Anda, atau decode kembali menjadi gambar.

Tentang encoding Base64 gambar

Meng-encode gambar sebagai Base64 mengubahnya menjadi string teks yang dapat Anda sematkan langsung di latar belakang CSS, tag img HTML, atau payload JSON — tanpa perlu permintaan file terpisah. Ini berguna untuk ikon kecil, gambar email inline, dan data URI, meskipun membuat data sekitar 33% lebih besar, jadi paling cocok untuk aset kecil.

Alat ini mengonversi dua arah sepenuhnya di browser Anda: letakkan gambar untuk mendapatkan data URI-nya, atau tempel data URI / string Base64 untuk melihat pratinjau dan mengunduh gambar. Tidak ada yang diunggah, sehingga gambar pribadi tetap di perangkat Anda.

Pertanyaan umum

Apa itu data URI?

Data URI menyematkan byte sebuah file langsung di dalam URL sebagai Base64, seperti data:image/png;base64,… — Anda dapat menggunakannya sebagai sumber gambar atau latar belakang CSS tanpa file terpisah.

Mengapa Base64 lebih besar dari filenya?

Base64 merepresentasikan 3 byte dengan 4 karakter ASCII, sehingga teksnya sekitar 33% lebih besar dari gambar aslinya. Ini paling cocok untuk aset kecil seperti ikon.

Bisakah saya mengonversi Base64 kembali menjadi gambar?

Bisa. Beralih ke Base64 → Gambar, tempel data URI atau Base64 mentah, lalu lihat pratinjau dan unduh gambar yang telah di-decode.

Apakah gambar saya diunggah?

Tidak. Kedua arah berjalan sepenuhnya di browser Anda, sehingga gambar atau Base64 Anda tidak pernah meninggalkan perangkat Anda.