TanodTools
ID

Gambar ke Base64

Ubah gambar menjadi data URL Base64 yang bisa langsung Anda tempel ke HTML, CSS, Markdown, atau JSON.

File Anda tidak pernah meninggalkan perangkat Anda

Letakkan gambar di sini

PNG, JPEG, WebP, GIF, BMP, AVIF, atau SVG. Atau seret ke mana saja di halaman ini.

Dibuka di perangkat ini. Tidak ada yang diunggah.

Satu gambar sekaligus, hingga 10 MB. PNG, JPEG, WebP, GIF, BMP, AVIF, dan SVG.

Cara mengubah gambar ke Base64

  1. Pilih gambar, atau seret ke halaman ini.
  2. Pilih bentuk yang Anda perlukan: data URL, Base64 polos, CSS, tag img HTML, atau Markdown.
  3. Tekan Salin, atau unduh teksnya sebagai file.

Menyematkan gambar sebagai teks

Mengubah gambar ke Base64 berguna karena HTML, CSS, JSON, Markdown, dan isi email berupa teks, sedangkan gambar berupa data biner. Base64 menjembatani keduanya dengan menuliskan byte gambar memakai 64 karakter yang aman, sehingga seluruh gambar bisa ditempatkan di dalam aturan stylesheet, tag img, atau file konfigurasi tanpa unduhan terpisah.

Alat ini membaca file di browser Anda, memeriksa jenis aslinya dari byte pertama, lalu membuat potongan kode pilihan Anda di sekitar teks yang sudah dikodekan. Gambarnya sendiri tidak diubah: mendekode Base64 tersebut akan menghasilkan kembali file asli yang persis sama.

Tips

  • Perkecil gambar terlebih dahulu dengan Kompres gambar atau Ubah ukuran gambar; setiap byte yang dihemat berarti sepertiga lebih banyak penghematan dalam Base64.
  • Untuk ikon sederhana, SVG sering kali lebih kecil daripada PNG mana pun, bahkan sebagai Base64.
  • Untuk mendekode Base64 kembali menjadi file, atau mengodekan file lain, gunakan Encode dan decode Base64.

Pertanyaan umum

Apa itu data URL?

Cara memasukkan byte sebuah file ke dalam tautan. Diawali dengan data:, jenis file seperti image/png, dan ;base64,, lalu diikuti teks Base64-nya. Browser menampilkannya persis seolah-olah gambar dimuat dari file terpisah.

Mengapa Base64 lebih besar daripada gambarnya?

Base64 menuliskan setiap 3 byte sebagai 4 karakter teks, jadi teksnya sekitar 33 persen lebih besar daripada file. Server web yang mengompresi teks bisa mengurangi sebagian selisih itu, tetapi gambar yang disematkan tetap lebih besar daripada gambar yang sama yang disajikan tersendiri.

Kapan sebaiknya saya menyematkan gambar?

Untuk hal-hal kecil: ikon, latar mungil, dan placeholder di bawah beberapa kilobyte, atau ketika dibutuhkan satu file HTML atau email yang mandiri. Gambar besar lebih baik sebagai file terpisah, karena data URL tidak bisa di-cache sendiri dan diunduh ulang bersama setiap halaman atau stylesheet yang memuatnya. Alat ini memberi peringatan di atas 100 KB.

Bagaimana jenis file ditentukan?

Dari byte di dalam file, bukan dari namanya, jadi PNG yang disimpan dengan ekstensi .jpg tetap mendapat image/png. File SVG dikenali dari teksnya dan diberi label image/svg+xml.

Apakah gambar saya diunggah?

Tidak. Gambar dibaca dan dikodekan di browser Anda, di perangkat Anda.