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
- Letakkan sebuah gambar (atau beralih ke Base64 → Gambar dan tempel Base64).
- Salin data URI Base64 — aktifkan atau nonaktifkan awalan data:.
- 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.
Ukuran bukanlah satu-satunya pertukaran dengan penyematan. Gambar Base64 adalah bagian dari dokumen yang memuatnya, sehingga browser tidak dapat menyimpannya dalam cache secara terpisah, memuatnya secara malas, atau menggunakannya kembali di seluruh halaman seperti yang dapat dilakukan dengan file gambar normal — ubah satu byte halaman dan seluruh payload diunduh lagi. Dukungan juga terbatas: beberapa klien email, Outlook yang paling terkenal, menolak untuk menampilkan gambar data URI sama sekali.
Anda akan menemukan gambar Base64 di lebih banyak tempat daripada CSS tulisan tangan. Aplikasi menggambar Canvas mengekspor melalui toDataURL, widget tangkapan layar dan tanda tangan menyimpan outputnya sebagai URI data, API mengembalikan gambar yang dihasilkan sebagai bidang Base64 dalam JSON, dan ekspor HTML satu file menyematkan setiap grafik sebaris. Ketika salah satu string itu mendarat di pangkuan Anda — dalam log, kolom database, atau sumber halaman — mendekodenya kembali ke file nyata biasanya merupakan cara tercepat untuk melihat isinya.
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.
Apakah pengkodean Base64 mengubah atau memampatkan gambar saya?
No. Base64 adalah penulisan ulang byte persis dari file menggunakan 64 karakter ASCII yang aman — tidak ada kompresi, pengubahan ukuran, atau pengkodean ulang, dan dekoding mengembalikan file yang identik dengan aslinya. Kualitas tetap utuh karena piksel tidak pernah disentuh. Jika Anda memerlukan string yang lebih kecil, kompres atau ubah ukuran gambar sebelum meng-encode-nya — Base64 sendiri tidak akan pernah membuat file lebih kecil.