Kostir SVG
Þegar þú byggir upp vefsíðu og bætir við myndum á þeim síðu, þá er einn ef mikilvægasti hluturinn sem þú verður að ákveða hvaða skráarsnið er rétt að nota. Það fer eftir myndinni, eitt snið getur verið miklu betra en aðrir.
Margir vefhönnuðir eru ánægðir með JPG skráarsniðið og þetta snið er fullkomið fyrir myndir sem hafa djúp litadýpt, eins og ljósmyndir. Þó að þetta snið myndi einnig virka fyrir einföld grafík, eins og myndskreytt tákn, er það ekki besta sniðið til að nota í því tilviki. Fyrir þá tákn myndi SVG vera betra val. Við skulum skoða nákvæmlega hvers vegna:
SVG er vektor tækni
Þetta þýðir að það er ekki raster tækni. Vektormyndir eru sambland af línum sem búin eru til með því að nota stærðfræði. Raster skrár nota dílar eða litlar ferninga af lit. Þetta er ein ástæða þess að SVG er sveigjanlegt og fullkomið fyrir móttækilegar vefsíður sem verða að mæla með skjástærð skjásins. Vegna þess að vektor grafík er til í stærðfræði, til að breyta stærð breytist þú einfaldlega tölurnar. Raster skrár þurfa oft veruleg yfirferð þegar kemur að límvatn. Þegar þú vilt súmma inn á vektor mynd er ekki röskun vegna þess að kerfið er stærðfræðilegt og vafrinn endurreiknar bara stærðfræði og gerir línurnar eins sléttar og alltaf. Þegar þú súmar inn á raster mynd, missir þú myndgæði og skráin byrjar að verða loðinn þegar þú byrjar að sjá þá pixla af lit. Stærðfræði stækkar og samninga, pixlar ekki. Ef þú vilt að myndirnar þínar verði upplausnir sjálfstæð, mun SVG gefa þér þann möguleika.
SVG er textabundið
Þegar þú notar grafík ritstjóri til að framleiða mynd, tekur forritið mynd af fullbúnu listaverkinu þínu. SVG virkar öðruvísi. Þú getur samt notað nokkrar hugbúnað og líður eins og þú ert að teikna mynd, en endanleg vara er safn af vektorlínum eða jafnvel orðum (sem eru í raun bara vektorarnir á síðunni). Leitarvélar líta á orð, sérstaklega leitarorð. Ef þú hleður upp JPG ertu að takmarka þig við titilinn á myndinni þinni og kannski alt textasniðinu . Með SVG kóðun, stækkar þú á möguleikum og búið til myndir sem eru fleiri leitarvélar vingjarnlegur.
SVG er XML og vinnur innan annarra tungumálaforma
Þetta fer aftur í texta-undirstaða kóða. Þú getur gert grunnmyndina þína í SVG og notað CSS til að pólskur það. Já, þú getur fengið mynd sem er í raun SVG skrá, en þú getur einnig kóða SVG beint inn á síðuna og breytt því í framtíðinni. Þú getur breytt því með CSS á sama hátt og þú myndir breyta síðu texta, osfrv. Þetta er mjög öflugt og gerir það auðvelt að breyta.
SVG er auðveldlega breytt
Þetta er líklega stærsti kosturinn. Þegar þú tekur mynd af torginu er það það sem það er. Til að gera breytingu þarftu að endurstilla svæðið og taka nýja mynd. Áður en þú veist það, hefur þú 40 myndir af reitum og hefur það ekki alveg rétt. Með SVG, ef þú gerir mistök skaltu breyta hnitunum eða orðinu í textaritli og þú ert búinn. Ég get tengt þessu vegna þess að ég dró SVG hring sem var ekki staðsett rétt. Allt sem ég þurfti að gera var að stilla hnitin.
JPG myndir geta verið þungar
Ef þú vilt að myndin þín vaxi í líkamlegri stærð, mun það einnig vaxa í skráarstærð. Með SVG, pund er enn pund, sama hversu stórt þú gerir það. Ferningur sem er 2 cm á breidd mun vega það sama og ferningur sem er 100 cm á breidd. Skráarstærð breytist ekki, sem er frábært frá frammistöðu við síðu!
Svo sem er betra?
Svo hvað er betra sniði - SVG eða JPG? Það fer eftir myndinni sjálfu. Þetta er eins og að spyrja "hvað er betra, hamar eða skrúfjárn?" Það fer eftir því sem þú þarft til að ná! Sama gildir um þessar myndsnið. Ef þú þarft að sýna mynd, þá er JPG besti kosturinn fyrir þig. Ef þú ert að bæta við táknmynd, þá er SVG líklega betra val. Þú getur lært meira um hvenær það er rétt að nota SVG skrár hér .
Upprunaleg grein af Jennifer Krynin. Breytt af Jeremy Girard þann 6/6/17