Konversi PNG ke Base64 (Encode Gambar)
Konversi Gambar ke Base64
Klik kotak di atas atau seret sebuah gambar ke sana. Alat ini langsung mengubahnya menjadi kode Base64. Pilih Data URI kalau kamu mau langsung menempelkannya di HTML atau CSS, atau Base64 saja untuk kode mentahnya.
Ringkasan:
- Mengubah PNG (dan JPG, WebP, GIF, SVG) menjadi teks Base64 atau data URI.
- Diproses sepenuhnya di perangkatmu, gambar tidak diunggah ke server mana pun.
- Tinggal klik Salin Kode untuk menempelkannya ke proyekmu.
Base64 mengubah file gambar menjadi rangkaian teks, sehingga bisa ditempelkan langsung ke dalam kode HTML, CSS, atau JSON tanpa file terpisah. Praktis untuk ikon kecil atau logo. Nah, alat di atas melakukannya instan dan aman, karena semua proses terjadi di browser-mu. Di bawah aku jelaskan kapan sebaiknya dipakai.
Cara Pakai
- Klik atau seret gambar ke kotak unggah.
- Pilih format keluaran: Data URI atau Base64 saja.
- Klik Salin Kode untuk menyalin hasilnya ke clipboard.
Data URI vs Base64 Mentah
Data URI sudah dilengkapi awalan data:image/png;base64, sehingga bisa langsung dipakai di atribut src gambar atau background di CSS. Base64 saja adalah kodenya tanpa awalan, cocok kalau kamu mau menyusun sendiri formatnya, misalnya dikirim lewat API.
Kapan Sebaiknya Dipakai
Base64 paling pas untuk gambar berukuran kecil seperti ikon, logo, atau favicon, karena menghemat satu permintaan file terpisah. Tapi ingat, teks Base64 sekitar 33% lebih besar dari file aslinya, jadi hindari untuk foto besar. Untuk gambar besar, tetap simpan sebagai file biasa.
Link Terkait
Butuh alat lain? Coba konversi Base64 teks (encode & decode), ubah JPG ke PNG, atau konversi teks ke biner.
Sering Ditanyakan
Apakah gambarku aman?
Aman. Konversi terjadi sepenuhnya di browser-mu memakai FileReader. Gambar tidak dikirim atau disimpan ke server mana pun, jadi cocok bahkan untuk berkas pribadi.
Hanya PNG saja?
Tidak. Meski namanya PNG ke Base64, alat ini juga menerima JPG, WebP, GIF, dan SVG. Awalan data URI akan menyesuaikan jenis file yang kamu masukkan.
Bisa mengembalikan Base64 jadi gambar lagi?
Bisa, dengan menempelkan data URI ke atribut src sebuah tag gambar di HTML, atau memakai alat decode Base64. Alat ini fokus pada arah encode (gambar ke Base64).
Nah, itu dia cara mengubah gambar PNG menjadi Base64 langsung di browser. Selamat mencoba, semoga bermanfaat 🙂
