Konverter gambar ke Base64

Konversi gambar menjadi string Base64 atau URI data, dan dekode Base64 kembali menjadi gambar yang dapat dilihat, sepenuhnya di peramban Anda.

atau lepaskan satu di sini PNG, JPEG, GIF, WebP, SVG, dan lainnya. Tidak ada yang diunggah.

Cara kerja

Base64 mengubah data gambar biner menjadi teks biasa sehingga dapat disematkan langsung dalam HTML, CSS, atau JSON alih-alih ditautkan sebagai file terpisah. URI data menambahkan awalan singkat yang mengidentifikasi format, sehingga peramban dapat merendernya tanpa permintaan terpisah.

Lepaskan atau pilih gambar
PNG, JPEG, GIF, WebP, SVG, dan sebagian besar format lain yang dapat ditampilkan peramban.
Pilih URI data atau Base64 mentah
Gunakan URI data secara langsung sebagai src img atau background-image CSS; gunakan Base64 mentah jika kode Anda sendiri yang menambahkan awalannya.
Salin, atau beralih ke dekode
Tempel string Base64 atau URI data pada tab lainnya untuk mempratinjau dan mengunduhnya sebagai gambar.

Kapan menggunakan gambar Base64

Gambar Base64 inline menghilangkan permintaan HTTP untuk gambar kecil seperti ikon atau logo, yang dapat membantu dalam skenario tertentu. Pengodean Base64 juga menambah ukuran data sekitar 33%, memperbesar ukuran file HTML, CSS, atau JSON yang memuatnya, melewati cache gambar normal peramban, dan lebih sulit diperbarui dibandingkan file tertaut. Sebagian besar situs sebaiknya menggunakannya hanya untuk gambar kecil, kira-kira 2 KB atau kurang, yang digunakan secara inline.

Tidak ada data yang meninggalkan perangkat Anda

Gambar dibaca dengan File API peramban dan dikodekan sepenuhnya dalam JavaScript. Tidak ada data file yang dikirimkan ke server mana pun, sehingga aman untuk tangkapan layar, aset desain, atau gambar lain yang tidak ingin Anda unggah.

Pertanyaan yang sering diajukan

Bagaimana cara mengonversi gambar menjadi data URI Base64 untuk disematkan dalam HTML atau CSS?

Seret dan lepaskan gambar ke area unggah, atau klik Pilih gambar untuk memilih file. Alat ini membaca gambar secara lokal, mengodekannya ke Base64, dan menampilkan data URI lengkap (data:image/png;base64,...) atau Base64 mentah tergantung pada format keluaran yang Anda pilih. Gunakan data URI tersebut secara langsung dalam atribut src img atau properti background-image CSS.

Apakah gambar saya diunggah ke server selama konversi Base64?

Tidak. Gambar dibaca menggunakan File API peramban dan dikodekan sepenuhnya dalam JavaScript pada perangkat Anda. Tidak ada data file yang dikirimkan ke server mana pun. Hal ini menjadikan alat ini cocok untuk mengonversi tangkapan layar, aset desain, ikon, atau file gambar lainnya tanpa masalah privasi.

Kapan saya harus menggunakan gambar terkode Base64 dibandingkan file gambar eksternal?

Gambar Base64 inline menghilangkan permintaan HTTP untuk gambar kecil seperti ikon, logo, atau placeholder data-URI, yang dapat mengurangi waktu muat halaman dalam skenario tertentu. Namun, pengodean Base64 meningkatkan ukuran gambar sekitar 33%, memperbesar ukuran file HTML atau CSS, melewati tembolok gambar peramban, dan lebih sulit diperbarui. Rekomendasi umum adalah menggunakan Base64 hanya untuk gambar yang sangat kecil, di bawah sekitar 2 KB, yang digunakan secara inline.

Bagaimana cara mendekode string Base64 kembali menjadi gambar yang dapat dilihat?

Beralihlah ke tab Base64 ke gambar, tempel string Base64, dengan atau tanpa awalan data URI, lalu klik Dekode ke gambar. Alat ini akan mendekode dan menampilkan pratinjau. Anda kemudian dapat memeriksa gambar tersebut atau mengunduhnya. Jika string terpotong atau rusak, pratinjau gagal ditampilkan dan alat akan memberi tahu Anda.

Format gambar apa saja yang didukung oleh konverter Base64 ini?

Konverter menerima format gambar apa pun yang dapat ditampilkan peramban, yang biasanya mencakup PNG, JPEG, GIF, WebP, SVG, AVIF, dan ICO. Filter pemilih file diatur ke image/*, sehingga file non-gambar dikecualikan secara default. Data URI keluaran menyertakan tipe MIME yang benar berdasarkan tipe file yang terdeteksi.