Menyisipkan gambar format SVG di file HTML
SVG (Scalable Vector Graphics) merupakan format file gambar, banyak developer web lebih suka menggunakan gambar berformat SVG untuk disisipkan dalam halaman web.
Itu dikarenakan gambar dengan formar SVG jika dibesarkan maka kualitas gambar tidak akan pecah, kualitas gambar tetap bagus.
Karena itu, untuk pengembang web responsif, format SVG sangat cocok. Karena gambar tidak akan pecah ketika ukuran screen berbeda-beda
Mari bersama-sama belajar menyisipkan gambar format SVG kedalam file HTML.
Ada beberapa cara, salah satunya adalah dengan langsung menyisipkan kode dari file SVG kedalam HTML. Menurut penulis (ini pendapat pribadi). Hal ini kurang bagus,karena ukuran file HTML jadi membengkak ditambah kode didalam file HTML jadi sangat banyak, sehingga menyulitkan jika ingin melakukan pengembangan selanjutnya
Cara satunya lagi adalah dengan mereferensikan file SVG didalam HTML, mirip dengan menyisipkan file gambar lainnya seperti img src=""
tapi untuk SVG agak sedikit berbeda
ini contohnya
<div>
<object type='image/svg+xml' data='https://agiptek-6292d.web.app/assets/img/HargaWebDomain.svg' class='objHarga'> </object>
</div>
Nah referensinya bukan di src="" seprti file gambar lainnya tapi di data=''
catatan tambahan, terkadang browser lama tidak support SVG