SVG ToolsLesson 185Preview gratis
SVG to Data URI
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
SVG to Data URI mengubah kode SVG menjadi URI data:image/svg+xml yang bisa langsung ditempel di HTML atau CSS. Data URI menghilangkan satu permintaan HTTP, tetapi memperbesar ukuran dokumen dan tidak di-cache terpisah. Untuk SVG kecil seperti ikon, pendekatan ini praktis; untuk gambar besar, file terpisah lebih efisien.
Poin kunci
- Format data URI: data:image/svg+xml, diikuti isi SVG
- Karakter khusus harus di-URL-encode, termasuk # menjadi %23
- Base64 juga bisa dipakai, tetapi biasanya lebih besar
- Data URI tidak di-cache sebagai resource terpisah
- Cocok untuk ikon kecil, kurang cocok untuk ilustrasi besar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.