Apa itu Pengkode Gambar ke Base64?

Image to Base64 Encoder mengubah file gambar (PNG, JPEG, GIF, SVG, WebP) menjadi string teks berenkode Base64. Sematkan gambar langsung ke HTML, CSS, atau JSON tanpa hosting file terpisah — lebih sedikit permintaan HTTP dan markup lebih ringkas.

Encoder membaca byte gambar di perangkat Anda dan menghasilkan delapan keluaran: Base64 mentah, data URI siap untuk atribut src=, tag <img> lengkap, deklarasi CSS background-image, tautan favicon HTML, pembungkus XML, cuplikan JavaScript dengan Image, dan objek JSON yang menggabungkan nama file, tipe MIME, ukuran, dan data URI. Aktifkan Optimalkan untuk memperkecil sisi terpanjang dan mengodekan ulang sebagai JPEG atau WebP terlebih dahulu, yang bisa memangkas string hingga setengahnya sebelum Anda menyisipkannya. Jatuhkan atau tempel beberapa gambar sekaligus dan masing-masing mendapat keluaran berlabel sendiri. Perlu arah sebaliknya? Bagian Dekode Base64 kembali menjadi gambar mengubah string apa pun menjadi gambar yang dapat dilihat dan diunduh. Format yang didukung: PNG, JPEG, GIF, SVG, WebP, BMP, ICO, AVIF, dan HEIC hingga 20 MB masing-masing.

Cara menggunakan

1. Langkah 1 — Unggah gambar dengan menyeretnya, mengeklik area unggah, atau menempel dengan Ctrl+V. Untuk memperkecilnya dulu, buka Opsi enkode dan atur dimensi maksimum atau kualitas.
2. Langkah 2 — Pilih format keluaran: Base64 mentah, data URI, tag img HTML, background-image CSS, tautan favicon HTML, XML, cuplikan JavaScript dengan Image, atau objek JSON untuk payload API.
3. Langkah 3 — Salin hasilnya ke clipboard atau unduh sebagai file teks.

Kapan menggunakan

• Menyematkan logo atau ikon kecil di surel HTML supaya tampil tanpa hosting eksternal.
• Memasukkan sprite SVG kecil langsung ke stylesheet untuk mengurangi satu permintaan HTTP yang menghambat render.
• Membawa gambar di dalam payload JSON, klaim JWT, atau berkas YAML yang tidak mengizinkan URL eksternal.

Hasil

Anda memiliki ikon logo 2KB yang ingin disematkan langsung ke template email. Unggah file PNG, salin output data URI, dan tempelkan ke atribut src img HTML — tanpa hosting eksternal.

FAQ

Apakah pengkodean Base64 membuat ukuran berkas bertambah?

Iya, kira-kira 33%. Base64 mewakili tiga byte biner dengan empat karakter ASCII, jadi PNG 30 KB jadi sekitar 40 KB teks. Hanya sepadan untuk berkas di bawah 5 KB, ketika permintaan HTTP yang dihemat menutupi tambahan byte.

Kapan menempel Base64 secara inline dan kapan cukup memakai tautan?

Tempelkan inline apa pun di bawah 4 sampai 5 KB yang muncul di layar pertama dan sulit di-cache (avatar per pengguna, ikon sekali pakai). Biarkan jadi tautan apa pun yang dipakai ulang di banyak halaman supaya cache peramban menyajikannya kembali.

Mengapa data URI saya diawali data:image/png;base64,?

Awalan tersebut adalah tipe media. data:image/png memberitahu peramban bahwa byte berikutnya berformat PNG, base64 menandai jenis encoding, dan koma memisahkan header dari konten. Tanpa bagian itu, decoder tidak bisa mengenali formatnya.

Bisakah Base64 didekode kembali jadi gambar yang tampil?

Bisa. Buka bagian «Dekode Base64 kembali menjadi gambar» di halaman ini, tempel data URI atau Base64 mentah Anda, lalu gambar muncul untuk dilihat dan diunduh. Base64 aman-URL (varian dengan - dan _) juga didukung.

Apakah SVG layak dikodekan ke Base64?

Biasanya tidak. SVG sudah berupa teks, jadi URL-encoding di dalam data URI tetap lebih kecil daripada Base64. Alat ini tetap mendukung SVG kalau memang butuh satu untaian yang mudah dipindahkan.

Alat terkait