Konverter gambar ke Base64
Konversi PNG, JPG, WebP, GIF atau SVG hingga 10 MB jadi data URI Base64. Salin URI, Base64 mentah, atau snippet img dan CSS siap tempel.
Konversi terjadi sepenuhnya di browser Anda. Gambar Anda tidak pernah meninggalkan perangkat Anda.
Letakkan gambar di sini
PNG, JPG, WebP, GIF, SVG · hingga ~10 MB
Cara kerja
Base64 mengubah urutan byte apa pun menjadi teks polos, sehingga file gambar biner bisa tinggal di dalam HTML, CSS, atau JSON tanpa permintaan tambahan. Alat ini membaca file Anda dengan API FileReader browser, mengambil data URI siap pakai dari readAsDataURL, dan membaginya menjadi bagian yang Anda butuhkan.
- Pengkodean
- Base64 memetakan setiap 3 byte file menjadi 4 karakter dari alfabet 64 simbol (A–Z, a–z, 0–9, +, /). Hasilnya sekitar 33% lebih besar dari file, tetapi tetap utuh di saluran teks apa pun — tanpa masalah enkoding maupun file tambahan.
- Data URI
- Data URI menggabungkan payload dengan label: data:TIPOMIME;base64,DATAS. Untuk gambar, tipe MIME (image/png, image/jpeg, …) ditambahkan secara otomatis, dan browser dapat merender string tersebut langsung di tempat URL gambar normal.
- Di mana bersinar
- Ikon, avatar, dan logo kecil yang tertanam di HTML atau CSS menghilangkan permintaan HTTP ekstra dan membuat halaman mandiri. Untuk foto besar, penalti 33% dan markup yang menggelembung biasanya membuat file gambar asli menjadi pilihan yang lebih baik.
Pertanyaan yang sering diajukan
Apa itu data URI Base64?
Data URI adalah representasi teks dari file yang diawali prefiks seperti data:image/png;base64, diikuti isi file yang di-encode Base64. Browser dapat merendernya langsung menggantikan file gambar terpisah, sehingga berguna untuk menanamkan gambar kecil di HTML, CSS, dan JSON tanpa permintaan tambahan.
Mengapa hasil Base64 terlihat begitu panjang?
Base64 merepresentasikan 3 byte dengan 4 karakter, sehingga string yang di-encode selalu sekitar 33% lebih besar dari file aslinya. Gambar 100 KB menjadi data URI sekitar 133 KB. Itulah mengapa penanaman Base64 paling baik untuk gambar kecil — ikon, avatar, thumbnail — bukan foto resolusi penuh.
Format gambar apa saja yang didukung?
PNG, JPG, WebP, GIF, dan SVG hingga 10 MB. Konversinya adalah pengkodean byte-ke-tekst murni, sehingga format dan kualitas aslinya sepenuhnya terjaga — data URI dirender persis seperti file sumber.
Apakah gambar ini diunggah ke suatu tempat?
Tidak. File dibaca dengan API FileReader browser sepenuhnya di perangkat Anda, dan string Base64 dihasilkan secara lokal dalam JavaScript. Tanpa server, tanpa permintaan jaringan — gambar tidak pernah meninggalkan perangkat Anda.
Di mana saya bisa menggunakan data URI ini?
Di mana pun URL gambar normal berfungsi: di dalam tag img src="...", sebagai CSS background-image: url("..."), di gaya inline, di payload JSON, atau field CMS. Alat ini juga menghasilkan snippet img dan CSS yang siap ditempel.