Dizajn korisničkih sučelja na webu

Najčešće korišteni grafički formati

print smanji povećaj

Format SVG

Kao što mu i ime sugerira, SVG (Scalable Vector Graphics) format je zapisa vektorskih grafika, primarno namijenjen za primjenu na webu.

Specifikaciju SVG-a nosi W3C, a format zapisa se bazira na već uvaženom formatu XML. SVG se prema XML-u odnosi kao i XHTML prema XML-u, odnosno definirana su pravila i sintaksa jezika koja u potpunosti poštuju XML specifikaciju, odnosno baziraju se na istoj.

Korištenje XML-a za opis SVG datoteka ima za posljedicu mogućnost uređivanja SVG datoteka u bilo kojem tekstualnom uređivaču, iako je ipak preporučljivo koristiti specijalizirane aplikacije s grafičkim sučeljem, obzirom da količina tekstualnog sadržaja SVG datoteke može vrlo brzo poprimiti neslućene razmjere.

Specifikacija definira statične i animirane SVG-ove te mogućnost unosa postojećih rasterskih slika. Uobičajena ekstenzija je .svg, a ukoliko je sadržaj datoteke komprimiran GZIP kompresijom (popularna metoda kompresije statičkog sadržaja na HTTP poslužiteljima), primjereno je koristiti ekstenziju .svgz.

SVG SVG (.svg, .svgz)
prednosti nedostaci
  • mala veličina datoteke zahvaljujući vektorskom sadržaju i tekstualnom (XML) formatu zapisa
  • pretraživost datoteke i mogućnost indeksiranja sadržaja putem tražilica (radi XML zapisa)
  • otvoreni W3C format
  • prihvaćen u gotovo svim modernim preglednicima
  • podržava prikaz rasterskih slika
  • iscrtavanje SVG datoteke kompleksnog vektorskog sadržaja može potrajati neželjeno dugo, pritom ometajući rad web-preglednika
  • Internet Explorer ga ne podržava nativno (potrebni dodaci - pluginovi)
činjenice
  • idealan za prikaz modernih računalnih ikona, obzirom na vektorski format
  • format budućnosti za prikaz računalno-modeliranog grafičkog sadržaja
  • nedovoljno raširen na webu

Primjer

Ako iznad ovog teksta vidite ovu sliku, vaš web-preglednik ima nativnu podršku za SVG. Ukoliko zumirate ovu web-stranicu u pregledniku, primjetiti ćete da gornja slika nije rasterska nego vektorska.

Zaključak

Slično kao i kod Flasha, prisutni su problemi implementacije SVG-a unutar HTML-a, ponajprije radi toga što se proizvođači web-preglednika ne drže specifikacija i preporuka W3C-a. Nije moguće implementirati SVG u HTML-u da se istodobno poštuju standardi weba (HTML/XHTML validacija) te da se zadrži kompatibilnost sa starijim preglednicima.

Isto tako, na današnjim brzinima procesora prisutni su problemi sporijeg iscrtavanja kompleksnijih SVG datoteka.

Web-dizajneri su još uvijek primorani raditi rasterizacije SVG-a (najčešće u 24-bitni PNG s transparencijom) radi ispravnog prikaza slike na webu, obzirom na poteškoće s direktnom implementacijom SVG-a u HTML.

Reference

Preuzimanje

Sadržaj ovih web-stranica dostupan je i u offline inačicama:

» Adobe PDF / 23.6.2009.

» Microsoft Word / 23.6.2009.