Konverter gambar ke Base64: data URL, CSS dan HTML

Cara memakai

Klik Pilih berkas dan pilih gambarnya, atau seret ke kotak. Teks Base64 muncul di bawahnya.
Salin Data URL, Teks Base64, Aturan latar belakang CSS atau Tag gambar HTML dengan tombol Salin di sebelahnya.
Untuk arah sebaliknya, tempel teks Base64 atau data URL di kotak di bawah Teks Base64 atau data URL, lalu klik Tampilkan gambar.
Klik Unduh gambar untuk menyimpannya dengan jenis dan ekstensi yang dimilikinya.

Apa itu Base64

Base64 menuliskan byte apa pun dengan 64 huruf dan angka yang aman (RFC 4648). Setiap tiga byte menjadi empat karakter, sehingga teksnya sekitar sepertiga lebih besar daripada berkas. Ia tidak memampatkan atau menyembunyikan apa pun: siapa pun dapat mendekodenya.

Apa itu data URL

Data URL (RFC 2397) memasukkan berkas ke dalam alamat itu sendiri: data:, lalu jenis gambar, lalu ;base64, dan teks Base64. Peramban menampilkannya di tag gambar atau latar belakang CSS tanpa meminta berkas dari server. Cocok untuk gambar dan ikon kecil; gambar besar membuat halaman berat.

Gambar Anda tetap di perangkat Anda

Berkas dibaca dan diubah menjadi teks di peramban Anda, dan string yang ditempel juga dibaca di sana. Tidak ada yang diunggah. Jenis gambar yang ditempel ditentukan dari byte pertamanya, jadi label yang salah tidak akan mengelabui alat.

Contoh: ikon kecil

Ikon PNG 3.000 byte menjadi sekitar 4.000 karakter teks Base64, sepertiga lebih besar daripada berkasnya. Data URL menambahkan 22 karakter data:image/png;base64, di depannya.

Pertanyaan yang sering diajukan

Apakah gambar saya diunggah saat saya mengubahnya?

Tidak. Berkas dibaca dan diubah menjadi teks Base64 di peramban Anda, di perangkat Anda sendiri. Anda bisa memeriksanya dengan mematikan koneksi internet setelah halaman dimuat, lalu mengonversi sebuah gambar.

Mengapa teks Base64 lebih besar daripada berkas saya?

Base64 menuliskan setiap tiga byte berkas dengan empat karakter, sehingga teksnya sekitar 33% lebih besar. Itu hanya cara lain menuliskan byte yang sama.

Kapan saya sebaiknya memakai data URL?

Data URL cocok untuk gambar kecil seperti ikon, placeholder dan logo kecil, karena tidak memerlukan permintaan terpisah ke server. Untuk foto besar, unggah berkasnya dan tautkan ke sana, karena Base64 membuat halaman lebih berat dan tidak dapat disimpan di cache secara terpisah.

Bisakah saya menempel data URL dari halaman web?

Bisa. Tempel seluruh data URL, yang dimulai dengan data:, atau hanya bagian Base64 setelah koma. Jenis gambar ditemukan dari byte-bytenya, sehingga label yang salah di header tidak berpengaruh.

Mengapa alat tidak menampilkan teks yang sangat panjang?

Kotak teks dapat melambat dengan jutaan karakter, sehingga teks Base64 yang lebih dari 2 juta karakter tidak ditampilkan. Gunakan tombol unduhnya untuk menyimpannya sebagai berkas teks.

Apakah Base64 cara untuk menyembunyikan atau melindungi gambar?

Tidak. Base64 adalah pengodean, bukan enkripsi. Siapa pun yang memiliki teks itu dapat mendekodenya kembali menjadi gambar yang sama dalam satu langkah, jadi jangan mengandalkannya untuk menjaga gambar tetap privat.

Sumber

Angka dan teks terakhir diperiksa pada Selasa, 10 November 2026.