SVG (Scalable Vector Graphics) je format vektorske slike: umjesto mreže piksela datoteka opisuje linije, krivulje, oblike i boje. Preglednik crtež iscrtava iznova u svakoj veličini, pa je jednako oštar na mobitelu i na 4K zaslonu. Otvoreni je standard W3C-a od 2001.
Vektor i raster
PNG, JPG i WebP spremaju piksele. Kad ih povećate, rubovi se zamute ili postanu nazubljeni. SVG nema tu granicu, a jednostavna ikona u njemu često zauzme svega nekoliko kilobajta.
Za što se koristi
- Logo i njegove varijante na stranici
- Ikone, strelice i jednostavne ilustracije
- Favicon u modernim preglednicima
- Grafikoni i animirani elementi, jer se SVG može mijenjati CSS-om i JavaScriptom
Za fotografije i dalje služe JPG, WebP i AVIF.
Na što paziti
SVG je tekstualna datoteka i može sadržavati skriptu. Zbog toga ga WordPress ne dopušta učitati bez dodatnog plugina, a datoteke iz nepoznatog izvora treba očistiti prije objave. Za tisak dizajneri obično predaju PDF ili EPS.
Kad ga tražiti
Pri izradi vizualnog identiteta logo morate dobiti i u vektorskom formatu. Inače svako veće povećanje, natpis ili tisak znači ponovno crtanje.
Povezani pojmovi
Logo
Grafički znak po kojem se tvrtka prepoznaje prije nego što itko pročita njezino ime. Najvidljiviji dio vizualnog identiteta i obično prvi korak u brendiranju.
Favicon
Mala ikona stranice u kartici preglednika, u oznakama i uz Googleove rezultate pretrage. Mora ostati prepoznatljiva na samo 16 piksela.
Vizualni identitet
Skup vizualnih elemenata kojima se firma predstavlja — logo, boje, tipografija i fotografija. Osnovni sloj brenda i prvi dojam kod klijenta.
Plugin
Dodatak koji stranici daje novu funkciju bez pisanja koda, od obrasca do webshopa. Najveći ekosustav ima WordPress, s desecima tisuća pluginova.
CMYK
Model boja za tisak: cijan, magenta, žuta i crna tinta miješaju se na papiru. Zaslon koristi RGB, pa ista boja u tisku često ispadne tamnija i mutnija.
Zlatni rez
Omjer od približno 1 : 1,618 u kojem se veći dio prema manjem odnosi kao cjelina prema većem. U dizajnu služi za raspored, mreže i veličine slova.
