Pengelola Data URI
Buat atau dekode data URI Base64 untuk menyematkan file.
Tentang Penangan Data URI
Penangan Data URI memungkinkan Anda mengkodekan file apa pun menjadi data URI Base64 untuk penyematan langsung ke HTML, CSS, atau JavaScript, dan mendekode data URI yang ada kembali ke konten file aslinya. Data URI mengikuti format RFC 2397 `data:['<'mediatype>][;base64],'<'data>`, memungkinkan aset untuk di-inline tanpa permintaan HTTP tambahan. Meng-inline aset kecil seperti ikon SVG, font, atau gambar kecil dapat secara signifikan mengurangi latensi pemuatan halaman untuk sumber daya penting. Semua encoding, decoding, deteksi tipe MIME, dan pratinjau file terjadi sepenuhnya di browser Anda tanpa memerlukan unggahan ke server.
Cara Menggunakan
Untuk mengkodekan, unggah file atau tempel teks mentah dan pilih tipe MIME yang benar dari dropdown — alat ini menghasilkan string data URI yang sesuai dengan RFC 2397 lengkap yang siap ditempelkan ke atribut src, href, atau url(). Untuk mendekode, tempel data URI yang ada ke bidang input dan klik Dekode untuk mengekstrak konten yang disematkan, pratinjau gambar atau SVG secara inline, dan unduh file aslinya. Semua pemrosesan dilakukan di sisi klien, jadi file Anda tidak pernah meninggalkan browser.
Kasus Penggunaan Umum
- Developer frontend menyematkan ikon SVG kecil, spinner, atau gambar UI langsung di HTML atau CSS untuk menghilangkan permintaan HTTP tambahan dan mengurangi latensi critical rendering path
- Desainer template email meng-inline font web kustom dan gambar logo sebagai data URI Base64 dalam blok gaya CSS untuk memastikan rendering yang konsisten di klien yang memblokir pemuatan sumber daya eksternal
- Peneliti keamanan mendekode data URI mencurigakan yang ditemukan dalam lampiran HTML phishing atau tag skrip yang di-obfuscate untuk mengungkap konten payload tersembunyi
- Developer web membuat demo HTML satu file yang sepenuhnya mandiri, halaman dokumentasi offline, atau widget alat portabel yang menyematkan semua aset secara inline
- Penulis alat build menghasilkan data URI gambar latar belakang yang dikodekan Base64 untuk komponen bergaya CSS-in-JS atau menghasilkan data URI SVG inline untuk font ikon