Il-benefiċċji ta 'l-użu tal-Grafika tal-Viżi Każwali
Il-Grafika tal-Grafika Skalabbli, jew SVG, għandhom rwol importanti fid-disinn tal-websajt illum. Jekk bħalissa m'intix tuża SVG fix-xogħol tad-disinn tal-web tiegħek, hawn huma xi raġunijiet għalfejn għandek tibda tagħmel hekk, kif ukoll fallbacks tista 'tuża għal browsers anzjani li ma jappoġġjawx dawn il-fajls.
Riżoluzzjoni
L-ikbar benefiċċju ta 'SVG huwa l-indipendenza tar-riżoluzzjoni. Minħabba li l-fajls SVG huma grafiċi tal-vettori minflok stampi raster ibbażati fuq il-pixels, jistgħu jerġgħu jitqassmu mingħajr ma titlef il-kwalità tal-immaġini. Dan huwa partikolarment utli meta tkun qed toħloq websajts li jirrispondu li jeħtieġu li nħarsu tajjeb u jaħdmu sew fuq firxa wiesgħa ta 'daqsijiet u tagħmir tal-iskrin .
Il-fajls SVG jistgħu jitkabbru jew jitnaqqsu biex jakkomodaw id-daqs li qed jinbidel u l-ħtiġijiet tat-tqassim tal-websajt li tirreaġixxi tiegħek u m'għandekx għalfejn tinkwieta dwar dawk il-grafika li kkompromettew il-kwalità fi kwalunkwe pass tat-triq.
Daqs tal-fajl
Waħda mill-isfidi bl-użu ta 'stampi raster (JPG, PNG, GIF) fuq websajts li jirrispondu hija d-daqs tal-fajl ta' dawk l-immaġini. Minħabba li l-immaġini tar-ritratti ma jeskludux il-mod li jagħmlu dawk il-vettur, għandek bżonn tagħti stampi tiegħek bbażati fuq il-pixel fl-ikbar daqs li fih se jintwerew. Dan huwa għaliex inti tista 'dejjem tagħmel immaġni iżgħar u żżomm il-kwalità tagħha, iżda l-istess ma jgħoddx biex tagħmel stampi akbar. Ir-riżultat finali huwa li ħafna drabi jkollok stampi li huma ħafna akbar milli qed jintwerew fuq l-iskrin ta 'persuna, li jfisser li bla bżonn huma mġiegħla jniżżlu fajl kbir ħafna.
L-SVG tindirizza din l-isfida. Minħabba li l-grafika tal-vettur tista 'titkejjel, jista' jkollok daqsijiet ta 'fajls żgħar ħafna irrispettivament minn kemm ikunu kbar dawk l-immaġini. Dan fl-aħħar mill-aħħar ikollu impatt pożittiv fuq il-prestazzjoni ġenerali u l-veloċità tat-tniżżil ta 'sit.
CSS Styling
Il-kodiċi SVG jista 'wkoll jiżdied direttament mal-HTML ta' paġna. Dan huwa magħruf bħala "inline SVG". Wieħed mill-benefiċċji li tuża l-SVG inline huwa li peress li l-grafika fil-fatt tinġibed mill-browser ibbażat fuq il-kodiċi tiegħek, m'hemmx għalfejn issir talba HTTP biex tinġabar fajl ta 'immaġini. Benefiċċju ieħor huwa li l-SVG inline jista 'jkun imsejjaħ bis-CSS.
Irid ibiddel il-kulur ta 'l-ikona SVG? Minflok ma teħtieġ li tiftaħ dik l-immaġni f'xi tip ta 'software ta' editjar u l-esportazzjoni u ttella 'l-fajl mill-ġdid, tista' sempliċement ibiddel il-fajl SVG b'xi ftit linji ta 'CSS.
Tista 'wkoll tuża stili oħra ta' CSS fuq grafika SVG biex tbiddilhom fuq stati li jduru jew għal ċerti ħtiġijiet ta 'disinn. Tista 'wkoll tarmi dawk il-grafika biex iżżid xi moviment u interattività għal paġna.
Animazzjonijiet
Minħabba li l-fajls SVG inline jistgħu jiġu stiljati bis-CSS, tista 'tuża wkoll animazzjonijiet CSS fuqhom. It-trasformazzjonijiet tas-CSS u t-tranżizzjonijiet huma żewġ modi faċli biex iżid ftit il-ħajja mal-fajls SVG. Tista 'tikseb esperjenzi rikka ta' Flash fuq paġna mingħajr ma tikser l -aspetti negattivi li jiġu mal-użu tal-Flash fuq il-websajts illum.
Użi ta 'SVG
Daqstant b'saħħtu bħal SVG, dawn il-grafika ma jistgħux jissostitwixxu kull format ta 'immaġini ieħor li qed tuża fuq il-websajt tiegħek. Ritratti li jeħtieġu fond tal-kulur fil-fond għad għandhom ikunu fajl JPG jew forsi PNG, iżda immaġini sempliċi bħall-ikoni huma perfettament adattati biex jiġu eżegwiti bħala SVG.
SVG jista 'jkun ukoll xieraq għal illustrazzjonijiet aktar kumplessi, bħal logos tal-kumpanija jew graffs u ċarts. Il-grafika kollha se tibbenefika minn skalabbli, tista 'tissejjaħ CSS, u l-vantaġġi l-oħra elenkati f'dan l-artikolu.
Appoġġ għal Browsers Older
L-appoġġ kurrenti għal SVG huwa tajjeb ħafna fil-web browsers moderni. L-uniċi browsers li verament jonqsu l-appoġġ għal dawn il-grafika huma verżjonijiet anzjani ta 'l-Internet Explorer (Verżjoni 8 u hawn taħt) u ftit verżjonijiet antiki ta' Android. Kollox ma 'kollox, persentaġġ żgħir ħafna tal-popolazzjoni ta' browsing għadu juża dawn il-browsers, u dak in-numru qed ikompli jonqos. Dan ifisser li l-SVG jista 'jintuża b'mod pjuttost sikur fuq websajts illum.
Jekk trid tipprovdi riżerva għall-SVG, tista 'tuża għodda bħal Grumpicon mill-Grupp tal-Filament. Din ir-riżorsa tieħu l-fajls ta 'l-immaġini SVG tiegħek u toħloq fallimenti ta' PNG għal browsers anzjani.
Editjat minn Jeremy Girard fl-1/27/17