Wêrom brûke SVG-triemmen ynstee fan JPG

Advendo's fan SVG

As jo ​​in webside bouwe en foto's oan dy side oanmeitsje, dan as ien fan 'e wichtichste dingen jo bepale, is de triemformaten de korrekte te brûken. Ofhinklik fan de grafyk kin ien formaat folle better wêze as oaren.

In soad webûntwikkelders binne noflik mei it JPG-bestandformaat, en dit formaat is perfekt foar bylden dy't djippe kleurtieft hawwe, lykas foto's. Hoewol dit formaat ek wurket foar ienfâldige grafiken, lykas yllustrearre byldkaikes, it is net it bêste formaat om yn dizze ynstel te brûken. Foar dy byldkaikes soe SVG in bettere kar wêze. Litte wy ris sjen nei wêrom:

SVG is Vector Technology

Dit betsjut dat it gjin rastertechnology is. Vectorôfbyldings binne in kombinaasje fan linen dy't makke binne mei math. Rasterbestannen brûke piksels of lytse fjilden fan kleur. Dit is ien fan 'e reden dat SVG skalberber is en perfekt foar responsive websiden dy't tagelyk mei skermgrutte fan in apparaat slaan moat. Om't fektorgrafiken yn 'e wrâld fan' e wiskunde bestean, moatte jo de getallen feroarje. Rasterdialten ferwachtsje faak in signifikante overhaul as it giet om sizing. As jo ​​op in fektorôfbylding fergrutte wolle, is der gjin distreaasje om't it systeem wiskundige is en de blêder krekt dizze matemel ymplantearret en de rigels as glêd as ea bringt. As jo ​​in rasterôfbylding fergrutsje, ferlieze jo bylde kwaliteit en it bestân begjint te fuzzy as jo begjinne mei dy piksels fan kleur te begjinnen. Materje útwreide en kontrakten, piksels net. As jo ​​wolle dat jo ôfbyldings ûnôfhinklik wurde, sille jo SVG dizze feardigens jaan.

SVG is tekstbased

As jo ​​in grafyske bewurker brûke om in ôfbylding te meitsjen, nimt it programma in foto fan jo foltôge artwork. SVG wurket oars. Jo kinne dochs noch wat softwareprogramma brûke en fiele as jo in ôfbylding tekenje, mar it definitive produkt is in kolleksje fan fektorlinen of sels wurden (dy't echt allinich fekkers binne op de side). Sykje motors besjen op wurden, spesifyk kaaiwurden. As jo ​​in JPG oanbiede, beheine jo sels de titel fan jo grafyk en miskien de alte teksttrip . Mei SVG-kodearring útwreidzje jo op 'e mooglikheden en meitsje ôfbyldings dy't mear sykmasjinearefreon binne.

SVG is XML en wurket binnen oare Taalfoarmen

Dit giet werom nei it tekstbasearre koade. Jo kinne jo basisôfbylding yn SVG meitsje en CSS brûke om it te polearjen. Ja, jo kinne in byld hawwe dat in feit is in SVG-bestân, mar jo kinne de SVG ek direkt yn 'e side ynfiere en bewurke yn' e takomst. Jo kinne it feroarje mei CSS deselde wize wêrop jo tekst tekst wizigje, ensfh. Dit is heul machtich en makket it maklik om te bewurkjen.

SVG is ienfâldich beheind

Dit is wierskynlik de grutste foardiel. As jo ​​in foto fan in fjild nimme, is it wat it is. Om in feroaring te meitsjen, moatte jo de sesje weromsette en in nije ôfbylding nimme. Foardat jo dat kenne, hawwe jo 40 ôfbyldings fan pleatsen en hawwe it noch net hielendal rjocht. Mei SVG, as jo in flater meitsje, feroarje de koördinaten of in wurd yn in tekstredakteur, en jo binne dien. Ik kin hjirmei relatearje omdat ik in SVG-sirkwy hawn dy't net korrekt opkaam. Alles moat ik dwaan koene de koördinaasjes oanpasse.

JPG-ôfbyldings kinne heule wurde

As jo ​​wolle dat jo ôfbylding groeie kin yn 'e fysike grutte, sil it ek yn de triemgrutte groeie. Mei SVG, in pûn is noch in pûn, hoefolle hoe't jo it meitsje. In fjild dat 2 in breed is sil itselde weze as in fjild dat 100 inches breed is. Triemgrutte feroare net, dat is geweldich fan in side fan 'e optreden fan' e side!

Wat is Better?

Dus wat is in better formaat - SVG of JPG? Dat hinget ôf fan it byld sels. Dit is as freegje "wat is better, in hammer of in skroefner?" It hinget ôf fan wat jo nedich binne! Itselde is wier foar dizze byldfoarmmen. As jo ​​in foto sjen litte, dan is JPG de bêste kar foar jo. As jo ​​in byldkaike tafoegje, dan is SVG wierskynlik in bettere kar. Jo kinne mear leare oer wannear't it nedich is om hjir SVG-bestannen te brûken .

Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 6/6/17