Gambar ke Base64
Ubah gambar menjadi string Base64 yang bisa langsung Anda tempel di HTML, CSS, JSON, atau template email.
atau seret ke sini · hingga 50 MB, gratis
File lebih besar? Pro bisa mengonversi file hingga 500 MBMelebihi batas gratis: Anda bisa membuka unduhan mulai €1,99.
Sedang diproses…
File Anda sudah siap
Gratis · Tanpa daftar · Tanpa watermark · File tidak pernah keluar dari perangkat Anda
Gambar ke Base64 dalam 3 langkah
- Pilih gambar Anda, atau seret ke kotak.
- Pilih hasilnya: data URI, Base64 saja, CSS, atau tag HTML.
- Klik Konversi ke Base64, lalu salin kodenya atau unduh sebagai file .txt.
Kapan menyematkan gambar sebagai Base64
Base64 menuliskan byte sebuah file sebagai teks biasa, sehingga gambar bisa berada di dalam halaman HTML, stylesheet, payload JSON, atau tanda tangan email, bukan sebagai file terpisah. Ini menghemat satu request untuk ikon dan logo kecil, dan menjadi satu-satunya cara mengirim gambar lewat beberapa API dan kolom formulir yang hanya menerima teks.
Konsekuensinya adalah ukuran: teks Base64 sekitar sepertiga lebih besar daripada gambarnya, dan tidak bisa di-cache secara terpisah. Gunakan untuk gambar berukuran beberapa kilobyte, dan simpan foto sebagai file biasa. Agar kodenya sependek mungkin, kompres gambar terlebih dahulu, atau gunakan SVG untuk logo dan ikon, yang juga tetap tajam di ukuran apa pun.
Pertanyaan yang sering diajukan
Bagaimana cara mengubah gambar ke Base64?
Pilih gambar di sini, tentukan format hasilnya, lalu klik Konversi ke Base64. Kodenya muncul di dalam kotak dengan tombol Salin, dan Anda juga bisa mengunduhnya sebagai file .txt. Ini berfungsi untuk gambar JPG, PNG, GIF, WebP, SVG, AVIF, BMP, dan ICO.
Apa itu data URI?
Data URI adalah teks Base64 dengan awalan singkat yang memberi tahu browser jenis filenya, seperti data:image/png;base64, lalu diikuti kodenya. Anda bisa memakainya di mana pun URL gambar diharapkan, misalnya di atribut src tag img atau di url() pada CSS.
Bagaimana cara memakai Base64 di HTML atau CSS?
Pilih "Tag HTML <img>" untuk mendapatkan elemen img siap pakai, atau "CSS background-image" untuk mendapatkan satu baris yang bisa ditempel ke aturan style. Keduanya berisi data URI lengkap, jadi gambar tampil tanpa file terpisah.
Kenapa Base64 lebih besar daripada gambarnya?
Base64 memakai 4 karakter teks untuk setiap 3 byte, jadi kodenya sekitar 33 persen lebih besar daripada filenya. Untuk ikon kecil itu tidak masalah, tetapi untuk foto ukurannya cepat membengkak. Kompres atau ubah ukuran gambar terlebih dahulu jika kodenya terlalu panjang.
Apakah gambar saya diunggah ke server?
Tidak. Gambar dibaca dan di-encode di dalam browser pada perangkat Anda sendiri, jadi tidak pernah dikirim ke kami atau disimpan di mana pun. Setelah halaman selesai dimuat, alat ini tetap berfungsi bahkan tanpa koneksi internet.