Gambar ke Base64
Konversi gambar ke string yang dikodekan dengan Base64
Gambar input
Pilih atau seret gambar
File gambar hingga 10 MiB. JPG, PNG, GIF, WebP, SVG, dan format gambar lainnya.
Informasi file
- Nama
- —
- Ukuran
- 0 B
- Tipe MIME
- —
- Dimensi
- —
Tentang pengodean Base64
- Sematkan gambar langsung di HTML, CSS, atau JSON tanpa file eksternal
- Berguna untuk templat email, data URI, dan respons API
- Pengodean Base64 menambah ukuran file sekitar 33%
- Paling cocok untuk gambar kecil seperti ikon, logo, atau thumbnail
Hasil Base64
Unggah gambar untuk melihat hasil Base64.
0 karakter
Unggah gambar untuk melihat hasil Base64.
Contoh penggunaan
Contoh dipersingkat untuk tampilan. Tombol salin menyalin HTML atau CSS secara lengkap.
Tentang Konverter Gambar ke Base64
Konverter gratis kami, gambar ke Base64, mengubah file gambar menjadi string teks berenkode Base64 yang dapat disematkan langsung di HTML, CSS, JavaScript, atau JSON. Cukup unggah atau seret dan lepas gambar, lalu alat ini langsung menghasilkan data URI lengkap yang siap dipakai di kode Anda.
Enkode Base64 mengubah data gambar biner menjadi format teks dengan alfabet 64 karakter. Dengan begitu gambar dapat disertakan inline di dokumen berbasis teks, tanpa perlu permintaan file gambar terpisah. Enkode Base64 memang menambah ukuran data sekitar 33%, tetapi imbal baliknya sepadan untuk gambar kecil seperti ikon, logo, dan thumbnail, karena berkurangnya permintaan HTTP mempercepat pemuatan halaman.
Konverter memproses gambar Anda sepenuhnya di browser dengan FileReader API. Tidak ada data gambar yang diunggah ke server, sehingga sepenuhnya aman untuk mengenkode grafis milik sendiri, tangkapan layar rahasia, atau konten visual sensitif apa pun. Alat ini mendukung semua format gambar utama hingga ukuran 10MB.
Fitur utama
- Dukungan untuk JPG, PNG, GIF, WebP, SVG, dan format gambar lainnya
- Pemilihan file dengan seret dan lepas atau klik untuk mengunggah
- Konversi instan di sisi klien tanpa unggahan ke server
- Pratinjau gambar langsung di samping hasil Base64
- Hasil data URI lengkap dengan header tipe MIME
- Salin seluruh string Base64 ke clipboard dengan satu klik
- Unduh string Base64 sebagai file teks
- Tampilan informasi file (nama, ukuran, tipe)
- Cuplikan kode HTML dan CSS siap pakai
- Ukuran file maksimum 10MB dengan validasi format
Cara menggunakan Konverter Gambar ke Base64
- Unggah gambar Anda: Klik area unggah atau seret dan lepas file gambar. Format yang didukung meliputi JPG, PNG, GIF, dan WebP hingga 10MB.
- Lihat pratinjau: Alat ini menampilkan pratinjau gambar yang Anda unggah beserta informasi file (nama, ukuran, dan tipe).
- Salin string Base64: Klik tombol Salin untuk menyalin data URI lengkap ke clipboard, siap ditempel ke kode Anda.
- Unduh sebagai teks: Klik tombol Unduh untuk menyimpan string Base64 sebagai file teks untuk dipakai nanti.
- Gunakan cuplikan kode: Rujuk contoh penggunaan HTML dan CSS di bawah hasil untuk memasukkan gambar terenkode ke proyek Anda.
- Hapus dan konversi yang lain: Klik tombol X pada kartu info file untuk menghapus gambar saat ini dan memulai konversi baru.
Kasus penggunaan
- Menyematkan ikon di HTML: Ubah ikon dan logo kecil ke Base64 lalu sertakan langsung di HTML dengan tag img berisi data URI, sehingga tidak perlu permintaan HTTP tambahan.
- Gambar latar CSS: Enkode gambar dekoratif dan pakai sebagai nilai background-image CSS inline untuk mengurangi ketergantungan pada file eksternal.
- Desain templat email: Sematkan gambar langsung di templat email HTML agar tetap tampil meski klien email memblokir gambar eksternal.
- API & payload JSON: Sertakan data gambar dalam respons atau permintaan API JSON ketika endpoint unggah file tidak tersedia.
- Aplikasi satu file: Buat file HTML mandiri dengan semua gambar tersemat sebagai Base64, ideal untuk dokumentasi, laporan, atau alat offline.
- File konfigurasi: Enkode gambar kecil untuk dimasukkan ke file konfigurasi, variabel lingkungan, atau templat infrastructure-as-code.
- Progressive Web App: Simpan gambar penting dalam cache sebagai string Base64 di service worker atau local storage agar tampil instan secara offline.
Pertanyaan yang sering diajukan
Apa itu enkode Base64 untuk gambar?
Enkode Base64 mengubah data gambar biner menjadi string teks ASCII. Hasilnya dapat dipakai sebagai data URI di tag img HTML, properti background CSS, atau disertakan dalam payload JSON, sehingga gambar dapat dikirim dan disimpan sebagai teks biasa.
Apakah enkode Base64 menambah ukuran file?
Ya, enkode Base64 menambah ukuran data sekitar 33% karena memakai 4 karakter teks untuk mewakili setiap 3 byte data biner. Karena itu penyematan Base64 terutama direkomendasikan untuk gambar kecil seperti ikon dan logo.
Kapan sebaiknya saya memakai gambar Base64 dibanding file gambar biasa?
Gunakan Base64 untuk gambar kecil (di bawah 10-20KB) ketika mengurangi permintaan HTTP bermanfaat, untuk templat email yang gambar eksternalnya mungkin diblokir, atau ketika Anda memerlukan dokumen HTML mandiri. Untuk gambar yang lebih besar, rujukan file biasa lebih efisien.
Apakah alat ini gratis?
Ya, konverter gambar ke Base64 ini sepenuhnya gratis. Tidak ada batas konversi, tidak perlu registrasi, dan tidak ada tanda air atau pembatasan pada hasil Anda.
Apakah data saya aman?
Ya. Gambar Anda diproses sepenuhnya di browser dengan FileReader API JavaScript. Tidak ada data gambar yang diunggah atau disimpan di server mana pun, sehingga alat ini sepenuhnya aman untuk gambar sensitif atau milik pribadi.
Berapa ukuran file maksimum?
Alat ini mendukung gambar hingga ukuran 10MB. Dalam praktiknya, enkode Base64 paling bermanfaat untuk gambar di bawah 20KB. Gambar yang lebih besar sebaiknya disajikan sebagai file biasa agar HTML atau CSS Anda tidak membengkak.
Tips & praktik terbaik
- Optimalkan gambar terlebih dahulu: Kompres dan ubah ukuran gambar Anda sebelum mengonversi ke Base64. File sumber yang lebih kecil menghasilkan string Base64 yang lebih pendek dan efisien.
- Pakai hanya untuk gambar kecil: Base64 paling cocok untuk ikon, logo, dan thumbnail di bawah 10-20KB. Untuk gambar yang lebih besar, rujukan file eksternal memberi performa lebih baik.
- Salin data URI lengkap: Hasilnya mencakup awalan data:image/[format];base64, secara utuh, sehingga siap ditempel langsung ke HTML atau CSS tanpa perubahan.
- Periksa cuplikan kode: Gunakan contoh HTML dan CSS yang tersedia sebagai templat untuk memasukkan gambar Base64 ke proyek Anda.
- Pertimbangkan caching: Gambar berenkode Base64 yang tersemat di HTML atau CSS di-cache bersama dokumennya, sedangkan gambar eksternal dapat di-cache secara terpisah. Pilih pendekatan yang paling sesuai dengan strategi caching Anda.
- Unduh sebagai cadangan: Gunakan tombol Unduh untuk menyimpan file teks Base64 sebagai cadangan, terutama untuk gambar yang dipakai di banyak proyek.