Penukar fail ke Data URI

Menukar fail kepada rentetan Data URI untuk disematkan dalam HTML, CSS atau JSON. Berfungsi sepenuhnya luar talian.

Fail
Menukar fail kepada rentetan Data URI untuk disematkan dalam HTML, CSS atau JSON. Berfungsi sepenuhnya luar talian.
Data URI
Menukar fail kepada rentetan Data URI untuk disematkan dalam HTML, CSS atau JSON. Berfungsi sepenuhnya luar talian.
Data URI
Data URI yang dijana akan dipaparkan di sini...

Apa itu Data URI?

Data URI (atau data URL) menyematkan fail kecil terus ke dalam teks. Format: data:[mime][;charset][;base64],data.

Penggunaan biasa:

  • Imej atau fon sebaris dalam HTML/CSS
  • Simpan aset kecil dalam JSON/konfig

Nota:

  • Sesuai untuk fail kecil; rentetan panjang boleh memperlahankan halaman
  • Base64 biasa digunakan untuk data binari

Contoh

data:image/svg+xml;base64,PHN2ZyB4bWxucz0i...

Bahagian sebelum koma menerangkan fail, seperti jenis MIME dan sama ada ia menggunakan Base64. Bahagian selepas koma ialah muatan yang telah dikodkan.

Bila penukar ini sesuai digunakan

  • Menukar fail setempat kepada rentetan yang boleh dibenamkan dalam HTML, CSS, JSON atau templat e-mel
  • Membina demo kendiri dengan cepat tanpa perlu mengehos aset di tempat lain
  • Menyemak jenis MIME yang dikesan sebelum menampal hasil ke alat lain

Had praktikal

  • Data URI paling sesuai untuk fail kecil seperti ikon, imej kecil atau petikan pendek
  • Base64 menambah kira-kira 33% lebihan, jadi rentetan akhir lebih besar daripada fail asal
  • Rentetan yang sangat panjang boleh menyukarkan penampalan ke dalam borang, konfigurasi atau editor yang mempunyai had saiz