SVG

medije u vektorskom formatu koristimo na nekoliko načina:

  • Font-icon
    za izradu jednostavnih ikonica koje se koriste kao font. U pravilu su sve istih dimenzija, jedne boje (koja se kasnije može modificirati preko CSS-a) i bez ikakvih filtera/stilova.
  • SVG slika
    upotrebljavamo kao “običnu sliku”, no koristimo .svg kao ekstenziju. U pravilu se koristi za prikaz infografika, tehničkih crteža, ilustracija i slično…
  • Inline SVG
    upotrebljavamo “inline HTML” način pisanja same grafike. U pravilu koristimo za specifične slučajeve poput interaktivnih elemenata ili animacija.

Font-icon

Iste generiramo pomoću .svg i online alata IcoMoon: https://icomoon.io/app/#

Tehnička pravila za pripremu:

  • dimenzija 16×16 px
  • monochrome (jedna boja, crna)
  • “flattened” – ne smije se koristiti obrubi, linije i slično. Finalna ikonica mora biti u jednom layeru bez ikakvih stilova.

Možda bi Vas još moglo zanimati: