I beneficii di utilizà gràfiche Scalable Vector
Scalable Vector Graphics, o SVG, ghjucanu un rolu impurtante in u dissenyu di u web. Se ùn hè micca usu di SVG in u vostru travagliu di disignu web, quì sò parechje mutivi per quale avete da principià cumincià aduprà cusì, cum'è per di ricerca, pudete aduprà per i navigatori più antichi chì ùn sustentanu micca sti schedari.
Risoluzione
A più grandi beneficiu di SVG hè a indipendenza risulsa. Perchè i schedari SVG sò gràfiche vetudificà invece di ritratti basati in píxel, ponu mudificà, senza perde una qualità di l'imagine. Questu hè particularmente utili when you are creating websites responsive chì deve di vede bè è di travaglià bè in una larga scatula di tavuli è di apparecchi di screen .
Archivi SVG pò esse scaled up or down per accuncià u grandu mudificà è e schema di u vostru situ web responsive è ùn avete micca bisognu di gràzii chì anu compromised a qualità qualchì passu di a strada.
File Size
Unu di e sfidi cù l'imàgini di rasteru (JPG, PNG, GIF) in i siti web chì rispundanu hè u grandu di l'architettura di questi imagine. Perchè l'articuli rastru ùn scala micca a manera chì i vetudeti fate, bisogna à furnisce e vostre imagine basatu à pixel à u grandore più grande à quale seranu indicati. Questu hè postu chì pudete sempre fà una dimenzja più chjuca è mantene a so qualità, ma u listessu ùn hè micca veru per fà imagine più grande. U risultatu finali hè chì avete spessu appruduciunu assai più largu di quelli chì anu prisentatu nantu à a pantalla di una persona, chì significa chì ùn sò micca imprese per esse scaricate un schedariu assai grande.
SVG ponce à stu sfida. Perchè l'gràfica vettoriale sò scalabbilità, pudete aduprà chjucchetti à grandi chjappi regardless of how large s'ellu deve esse stampatu. Questu ultimamente hanu un impattu pusitivu in u performance generale di u situ è a veloce di download.
CSS Styling
U codice SVG pò esse aghjuntu direttamentamente à l'HTML di una pagina. Questu hè cunnisciutu com "SVG inline". Unu di e benefizii di l'utilizazione SVG in linea hè chì, chì i grafichi sò veramente tradotti da u navigatore basatu à u vostru còdice, ùn ci hè micca bisognu di fà una dumanda HTTP per fassi piglià un schedariu di l'imagine. Un altru benefessu chì l'SVG in linia pò esse stleled cun CSS.
Avete bisognu di cambià u culore di un icona SVG? Invece di avè bisognu à avè apertu quessa l'imaghjina in certi tipi di software editore è esse exportatu è carica u schedariu novu, pudete fà cambià u file SVG cù qualchi line di CSS.
Pudete ancu aduprà altre stile CSS in gràpzi SVG per cambià in l'estatutu passageru o per certu precisa di designu. Pudete ancu animate quelli graphichi per aghjunghjendu xi muvimentu è interattività à una pagina.
Animazione
Perchè i schedarii SVG in legnu ponu stallate cù CSS, pudete utilizà animazione CSS nantu ad elli. CSS trasforma è transizione sò dui modi faciuli di aghjà una vita per i schedari SVG. Pudete ottene rich experiences in Flash in una pagina senza ùn si succorsa à e cundizzioni chì venenu usendu Flash in i siti web.
Usi di SVG
Hè putenti com'è SVG hè, sti gràficu ùn pò micca rimpiazzà tutti l'altru formatu di l'imaghjine chì site in u vostru situ web. I vostri ritratti chì necessitanu a prufundità di u culore duru avè bisognu di esse un JPG o quella chì hè un schedariu PNG, ma simuli imagine cum'è icone sò perfettamenti adattati per esse eseguitu cum SVG.
SVG pò ancu esse appruvati per illustrazioni più complexi, cum'è logos di l'imprese o gràfiche è charts. Tutti i gràfici seranu benefiziu di esse scalabili, capaci di stilaccià cù CSS, è l'altre vantaghji listate in stu articulu.
Appena per i navigatori anziani
A voglia attuale per SVG hè assai bellu in i web browsers moderni. I solu i navigatori chì ùn mancani a supportu per queste grafichi sò versione più vechja di Internet Explorer (Versione 8 è sottu) è uni versioni più vechje di Android. In tuttu, un percentinu limitatu di a pupulazione di navigazione stilla utilizate sti browsers, è chì u numeru cuntinueghja per regurgit. Questu significa chì u SVG pò esse usatu bonu in modu sicuru in i siti web oghje.
Se vulete furnisce un regnu per SVG, pudete utilizà una strumentu cum'è Grumpicon da u Gruppu di Filamenti. Stu risorse piglià i vostri schedarii d'imatge SVG è creanu falluti per u PNG per i navigatori anziani.
Edited di Jeremy Girard u 27/01/17