Gambar ke Data URI

Data URI menyandikan gambar langsung sebagai teks (Base64), sehingga bisa Anda sematkan inline di HTML (src sebuah img) atau CSS (sebuah background) tanpa berkas terpisah atau permintaan jaringan tambahan. Alat ini mengubah gambar Anda menjadi data: URI yang siap ditempel.

Keluarannya adalah berkas teks biasa berisi string data:image/...;base64,... lengkap. Berguna untuk ikon mungil, templat email, demo satu berkas, atau menghindari permintaan tambahan, walau teks Base64 sekitar sepertiga lebih besar dari byte aslinya.

Semuanya berjalan sepenuhnya secara lokal di peramban Anda (tanpa unggah, bahkan offline) - gambar Anda tidak pernah meninggalkan perangkat. Gambar disandikan persis apa adanya (byte sama, format sama, tanpa penyandian ulang); gambar yang sangat besar menghasilkan string yang sangat panjang, jadi ini paling cocok untuk gambar kecil.

Kompromi jujur dari penyematan: data URI ikut terkirim pada setiap pengiriman berkas HTML atau CSS dan tidak di-cache terpisah oleh peramban. Aturan praktisnya, penyematan hanya untung untuk grafik sangat kecil - ikon beberapa kilobyte; gambar besar lebih baik tetap berkas sendiri. Untuk cek cepat, tempel string-nya langsung ke bilah alamat peramban.

Data teknis

Dalam 3 langkah

1. Letakkan atau ketuk gambar Anda (PNG, JPEG, atau WebP).
2. Gambar disandikan Base64 menjadi data: URI di peramban Anda.
3. Unduh berkas teks berisi data URI (siap ditempel).

Batasan: Menyandikan byte gambar persis sebagai Base64 ke dalam string data:<tipe>;base64,... yang disimpan sebagai berkas teks. Base64 sekitar 33% lebih besar dari aslinya, jadi paling cocok untuk gambar kecil. Format dan byte asli dipertahankan (tanpa penyandian ulang).

Pertanyaan umum

Alat terkait

Kolase gambar · Kompres gambar · PNG ke SVG · Optimalkan SVG