TL
Tool Lab
💰Donate
💰Donate

Gambar ke Base64

Mengkonversi gambar ke string Base64 atau format Data URI untuk disematkan di HTML/CSS.

🖼️

Seret gambar ke sini atau klik untuk memilih

PNG, JPG, WebP, GIF, SVG, dll.

Tentang alat ini

Konverter gambar ke Base64 mengodekan file gambar apa pun menjadi string Base64 atau Data URI lengkap, sehingga Anda dapat menyematkan gambar langsung ke HTML, CSS, atau JSON tanpa menghost file terpisah. Mendukung seret-dan-lepas atau klik-untuk-pilih, serta menampilkan ukuran file asli versus ukuran yang dikodekan.

Semua pengkodean dilakukan di browser menggunakan FileReader API — gambar Anda tidak pernah diunggah ke server mana pun. Output dapat diaktifkan antara Data URI lengkap (dengan prefiks data:image/…;base64,) dan Base64 murni (tanpa prefiks).

Cara penggunaan

  1. Seret gambar ke area unggah atau klik untuk membuka pemilih file.
  2. Output yang dikodekan muncul secara otomatis setelah file dimuat.
  3. Beralih antara Data URI dan Base64 Only menggunakan tombol.
  4. Klik Salin untuk menyalin hasil ke clipboard.

Kasus penggunaan

Developer frontend menyematkan ikon kecil langsung ke CSS atau HTML untuk menghilangkan permintaan HTTP. Pemasar email menyisipkan gambar dalam template HTML karena banyak klien email memblokir gambar eksternal. Developer aplikasi mobile mengodekan gambar untuk payload JSON API. Developer menyimpan gambar sebagai string Base64 dalam file konfigurasi atau database.

Pertanyaan umum

  • Apakah pengkodean Base64 meningkatkan ukuran file?Ya. Pengkodean Base64 meningkatkan ukuran file sekitar 33% dibandingkan dengan biner asli.
  • Format gambar apa yang didukung?Format apa pun yang dapat ditampilkan browser Anda: JPG, PNG, WebP, GIF, SVG, BMP, dan lainnya.
  • Haruskah saya mengodekan gambar besar ke Base64?Untuk file di atas ~10 KB, biasanya lebih baik menghost gambar sebagai file. String Base64 yang besar membengkakkan HTML/CSS dan menurunkan performa pemuatan halaman.