3. Ikon SVG percepat loading blog.

Ikon SVG percepat loading blog.

oleh Handy Eko Cahyono •   •   Update terakhir : Sabtu, Juli 09, 2022.
0

Apa itu SVG

Postingan terkait : SVG MDI Iconify

Berdasarkan W3C, definisi SVG adalah :

  1. SVG adalah singkatan dari Scalable Vector Graphics
  2. SVG digunakan untuk mendefinisikan grafik atau gambar berbasis vektor untuk Web
  3. SVG mendefinisikan grafik atau gambar dalam format XML
  4. Setiap elemen dan setiap atribut dalam file SVG dapat dianimasikan
  5. SVG adalah rekomendasi W3C
  6. SVG terintegrasi dengan standar W3C lainnya seperti DOM dan XSL

Singkatnya, Ikon SVG adalah ikon pilihan alternatif sebagai pengganti ikon Font Awesome / Google material icon / Ghlyph icon dan sejenisnya yang tidak memerlukan penambahan script yang bisa mempengaruhi kecepatan loading website atau blog.

Keuntungan menggunakan SVG

Keuntungan menggunakan SVG dibandingkan format gambar lain (seperti JPEG dan GIF) adalah:

  1. SVG dapat dibuat dan diedit dengan editor teks apa pun
  2. SVG dapat dicari, diindeks, ditulis, dan dikompresi
  3. SVG dapat diskalakan
  4. SVG dapat dicetak dengan kualitas tinggi pada resolusi apa pun
  5. SVG dapat diperbesar
  6. SVG TIDAK kehilangan kualitas apa pun jika diperbesar atau diubah ukurannya
  7. SVG adalah standar terbuka
  8. File SVG adalah XML murni
Penggunaan ikon SVG sebenarnya sangat efisien, namun terkadang format penulisannya untuk ikon tertentu yang panjang.

Rekomendasi penyedia ikon berformat .svg, kunjungi situs Material Design Icons

Ikon SVG percepat loading blog.

Postingan terkait : SVG MDI Iconify

Cara penggunaan ikon svg ini cukup mudah, tinggal copy / paste saja kode yang tersedia.

Berikut ini petunjuk menyematkan ikon SVG langsung dari penyedianya yaitu Material Design Icons (MDI)

1. Kunjungi : Material Design Icons

2. Pilih ikon bisa menggunakan pencarian, klik langsung pada ikon ataupun berdasarkan tag.

Ikon SVG

3. Pilih tanda ( )

Opsi SVG

4. Copy code yang tersedia

Lihat kode SVG

5. Paste kode SVG ke lokasi dalam template HTML blog maupun postingan.

Beberapa contoh ikon dari MDI (Material Design Icons)

Ikon yang sering digunakan untuk keperluan website / blog :

  • Map
  • lokasi
  • Copyright
  • Home
  • Home circle
  • Facebook
  • Messenger
  • Twitter
  • Bars
  • Bars circle
  • Dot horizontal
  • Dot vertical
  • Share
  • Clock solid
  • User circle
  • Ribbon
  • Chevron down
  • Chevron left
  • Chevron right
  • Chevron up
  • Chevron box down
  • Chevron box left
  • Chevron box right
  • Chevron box up
  • Css
  • Tag
  • Css box
  • Tag box
  • Banned
  • Bulhorn

Postingan terkait : SVG MDI Iconify

Tags:
Posting Komentar (0)
Lebih baru Lebih lama