Prednosti SVG
Dok izrađujete web stranicu i dodate slike na tu web-lokaciju, jedna je od najvažnijih stvari koje morate utvrditi koji su formati datoteka točni. Ovisno o grafici, jedan format može biti puno bolji od ostalih.
Mnogi web dizajneri su zadovoljni s JPG formatu, a ovaj format je savršen za slike koje imaju dubinu dubine boja, poput fotografija. Iako će ovaj format također funkcionirati za jednostavnu grafiku, kao što su ilustrirane ikone, to nije najbolji format koji će se koristiti u tom slučaju. Za te ikone, SVG bi bio bolji izbor. Pogledajmo točno zašto:
SVG je tehnologija vektora
To znači da nije raster tehnologija. Vektorske slike kombinacija su linija izrađenih pomoću matematike. Raster datoteke koriste piksele ili sitne kvadrate boje. Ovo je jedan od razloga zašto je SVG skalabilan i savršen za web stranice s odazivom koji moraju odgovarati veličini zaslona uređaja. Budući da postoji vektorska grafika u svijetu matematike, da promijenite veličinu, jednostavno promijenite brojeve. Raster datoteke često zahtijevaju značajni remont kada je u pitanju dimenzioniranje. Kada želite povećati sliku vektora, nema izobličenja jer je sustav matematičan, a preglednik samo ponovo izračunava matematiku i čini linije glatkom kao i uvijek. Kad zumirate rasternu sliku, gubite kvalitetu slike i datoteka se počinje nejasno dok započnete vidjeti one piksele boja. Matematika se širi i ugovara, pikseli ne. Ako želite da vaše slike budu neovisne o rezoluciji, SVG će vam dati tu sposobnost.
SVG je tekstualan
Kada koristite grafički urednik za izradu slike, program preuzima sliku vašeg dovršenog djela. SVG radi drugačije. Još uvijek možete koristiti neke softverske programe i osjećati se kao da crtate sliku, ali konačni proizvod je zbirka vektorskih linija ili čak riječi (koje su zapravo samo vektori na stranici). Tražilice gledaju riječi, osobito ključne riječi. Ako prenesete JPG , ograničavate se na naslov svoje grafičke slike, a možda i na alt tekstualni izraz. Sa SVG kodiranjem proširujete mogućnosti i stvarate slike koje su više tražilice.
SVG je XML i radi unutar drugih jezičnih formata
Ovo se vraća na kôd koji se temelji na tekstu. Možete izraditi svoju osnovnu sliku u SVG-u i koristiti CSS da biste ga lakše uklonili. Da, možete imati sliku koja je zapravo SVG datoteka, ali možete i kodirati SVG izravno na stranicu i urediti ga u budućnosti. Možete ga promijeniti s CSS-om na isti način na koji biste promijenili tekst stranice itd. Ovo je vrlo moćno i olakšava uređivanje.
SVG se jednostavno uređuje
Ovo je vjerojatno najveća prednost. Kad fotografirate kvadrat, to je ono što jest. Da biste izvršili promjenu, morate ponovno postaviti scenu i snimiti novu sliku. Prije nego što to znate, imate 40 slika kvadrata i još uvijek nemate pravo. Uz SVG, ako pogriješite, promijenite koordinate ili riječ u uređivaču teksta, a vi ste gotovi. Mogu se povezati s tim jer sam nacrtala SVG krug koji nije bio ispravno postavljen. Sve što sam morao napraviti je podesiti koordinate.
JPG slike mogu biti teške
Ako želite da slika raste u fizičkoj veličini, ona će također rasti u veličini datoteke. Sa SVG, funta je još jedna funta, bez obzira koliko vam je velika. Trg koji je širok 2 inča težit će isto kao i trg koji je širok 100 cm. Veličina datoteke se ne mijenja, što je izvrsno s gledišta performansi stranice!
Pa što je bolje?
Pa što je bolji format - SVG ili JPG? To ovisi o samoj slici. To je kao da pitate "što je bolje, čekić ili odvijač?" Ovisi o tome što trebate postići! Isto vrijedi i za ove formate slika. Ako trebate prikazati fotografiju, JPG je najbolji izbor za vas. Ako dodajete ikonu, SVG je vjerojatno bolji izbor. Možete saznati više o tome gdje je prikladno koristiti SVG datoteke ovdje .
Izvorni članak Jennifer Krynin. Uredio je Jeremy Girard na 6/6/17