Umbreyta SVG í WebP
Gerðu vektorskrá að WebP-mynd í nákvæmlega þeirri breidd í pixlum sem útlitið þarf. Þetta kemur sér vel þegar vefumsjónarkerfi hafnar SVG-skrám, forskoðun á samfélagsmiðlum krefst bitamyndar eða teikning er með svo marga ferla að vafrinn er lengi að birta hana.
Myndaumbreyting
eða slepptu JPG, JPEG, JPE … skrár hér ·
Að hámarki 95 MB á skrá· Allt að 20 skrár· Eytt eftir 30 mínútur
Skrár eru unnar á þjónum okkar og eytt eftir 30 mínútur.
85 heldur ljósmyndum sjónrænt eins og upprunalegu. Lækkaðu aðeins þegar þú þarft minni skrá.
JPG, BMP og EPS styðja ekki gegnsæi. Gegnsæir pixlar eru fylltir með þessum lit.
Hex-litur sem notaður er á bak við gegnsæja pixla, t.d. #FFFFFF.
Þetta snið geymir eina mynd. Veldu GIF eða WebP ef þú vilt halda hreyfimyndinni.
Táknmynd með mörgum stærðum inniheldur nokkrar upplausnir í einni skrá; vafrar og stýrikerfi velja þá sem þau þurfa.
Haltu upprunalegum málum, eða sláðu inn eina hlið og stærðarhlutföllum er haldið.
Pixlar fyrir hliðina sem þú valdir hér að ofan.
Hlutfall af upprunalegum málum.
sRGB hentar fyrir skjái og vefinn. Haltu upprunalegu fyrir prentvinnslu; gráskali fjarlægir lit.
Aðeins lýsigögn, 0 heldur upprunalega gildinu. Prentarar og sumar gáttir lesa þessa tölu; hún breytir ekki pixlamálum.
Hvernig á að nota tólið
- 1
Hladdu upp SVG-skránni
Bættu við allt að 20 .svg skrám sem fluttar eru út úr Figma, Illustrator, Inkscape eða myndritasafni, hver að hámarki 95 MB.
- 2
Veldu breidd útkomunnar
Breyta stærð úttaksmyndar byrjar á 1200 px breidd; breyttu henni í tvöfalda þá breidd sem myndin tekur á síðunni. Gæði eru 90, eða hakaðu við Án taps undir Ítarlegar stillingar fyrir flatt lógó og tákn.
- 3
Umbreyttu í WebP
Ýttu á Umbreyta í WebP og sæktu skrárnar eða eina ZIP-skrá. Gegnsæ svæði haldast gegnsæ.
Hvernig umbreyti ég SVG í WebP í tiltekinni stærð?
Hladdu upp SVG-skránni, stilltu Breyta stærð úttaksmyndar á þá breidd í pixlum sem þú þarft (sjálfgefið 1200 px) og ýttu á Umbreyta í WebP. Vektorinn er teiknaður upp á nýtt í þeirri breidd, svo ekkert er stækkað eða gert óskýrt.
Hvenær ætti SVG að verða að WebP
SVG varð W3C-tilmæli árið 2001 og er rétta sniðið fyrir flest lógó og tákn: nokkur kílóbæti af texta sem haldast skörp í hvaða aðdrætti sem er. Vandinn byrjar þegar skráin fer út fyrir þinn eigin kóða. WordPress og margir vefverslunarsmiðir hafna SVG-upphleðslum, forskoðun tengla á Facebook, LinkedIn og X er sótt sem bitamyndir, og hönnunarforrit flytja út myndskreytingar með földum bitamyndaáhrifum sem breyta vektorskrá í margra megabæta kóða.
WebP, sem Google gaf út 2010 og Safari studdi loks í útgáfu 14 árið 2020, er bitamyndin sem er gerð fyrir þetta: minni en PNG með sama útlit og með raunverulega gegnsæisrás. Með því að teikna SVG beint í WebP í endanlegri stærð sleppur þú við venjulega krókaleið um stóra PNG-útflutningsskrá. Ef þú vilt líka öfuga leið útskýrir síðan okkar um WebP í SVG hvers vegna sú átt krefst rakningar en ekki umbreytingar.
Stærðir fyrir SVG í WebP í algengum plássum á vef
1200 × 630 px
Open Graph tengilforskoðun
Myndin sem birtist þegar síðunni er deilt
1920 × 1080 px
Myndskreyting í fullri breidd efst á síðu
Þekur flesta tölvuskjái í 1×
1600 × 900 px
Mynd í bloggdálki í 2×
Fyrir 800 px efnisdálk
400 × 100 px
Lógó í haus í 2×
Fyrir 200 × 50 px lógóreit
SVG
Scalable Vector Graphics
SVG er XML-byggt vektorsnið sem W3C staðlaði árið 2001. Í stað depla lýsir það formum, ferlum og texta, svo það helst skarpt í hvaða stærð sem er og er yfirleitt örlítið fyrir merki og tákn. Það styður gegnsæi, CSS-stílun, skriftun og hreyfimyndir og allir vafrar birta það innbyggt. SVG hentar ekki fyrir ljósmyndir og flóknar myndskreytingar geta orðið seinvirkar í birtingu. Illustrator, Inkscape, Figma og vafrar geta opnað og breytt því.
- Þjöppun
- –
- Gegnsæi
- Já
- Hreyfimynd
- Já
- Kom fram
- 2001 · W3C
WEBP
WebP mynd
WebP er myndsnið sem Google gaf út 2010 til að vefsíður hlaðist hraðar. Það styður bæði þjöppun með tapi og án taps, alfagegnsæi og hreyfimyndir í einu sniði. WebP-skrár með tapi eru yfirleitt 25–35% minni en JPEG með áþekk sjónræn gæði og taplaust WebP er oftast minna en PNG. Allir núverandi vafrar styðja það, en sumur eldri skjáborðshugbúnaður, prentþjónusta og upphleðslueyðublöð hafna því enn. Windows, macOS og flest nútíma myndvinnsluforrit geta opnað WebP-skrár.
- Þjöppun
- Með eða án taps
- Gegnsæi
- Já
- Hreyfimynd
- Já
- Kom fram
- 2010 · Google
Fólk umbreytir SVG í WebP til að fá létta bitamynd í fastri stærð fyrir staði sem taka ekki við vektorskrám eða teikna þær hægt, eins og vefumsjónarkerfi, samfélagsmiðlaforskoðun eða annasama lendingarsíðu; WebP í SVG er rakningarverk, ekki sniðskipti.
Hvernig SVG er breytt í bitamynd og hvað þarf að athuga
Breytirinn les breidd, hæð og viewBox úr SVG-skránni sjálfri og teiknar síðan alla ferla í þeirri breidd sem þú stillir; hæðin fylgir myndhlutfallinu. Þar sem teiknað er í endanlegri stærð eru þunn strik og lítill texti jöfnuð einu sinni, í réttum kvarða. Að stækka litla PNG-mynd síðar verður aldrei jafn hreint.
Letur kemur oftast á óvart. Ef SVG-skráin vísar í letur sem er hvorki innbyggt né umbreytt í útlínur er notað varaletur og línulengdir breytast. Umbreyttu textanum í útlínur í hönnunarforritinu áður en þú flytur út. Ytri myndir sem tengdar eru með slóð inni í SVG eru ekki sóttar, svo felldu þær inn eða fletjaðu myndina út fyrst.
SVG í WebP: hvað á að gera og hvað ekki
| Gerðu | Ekki gera |
|---|---|
| Teiknaðu í 2× birtri CSS-breidd | Umbreyta einföldum innbyggðum táknum sem eru minni sem SVG |
| Notaðu Án taps fyrir flöt lógó með fáum litum | Teikna í 4000 px fyrir 600 px reit |
| Geymdu SVG-frumskrána fyrir framtíðarstærðir | Senda WebP í fréttabréfum í tölvupósti |
| Birtu WebP-skrána með width- og height-eigindum til að forðast tilfærslu á útliti | Búast við lifandi texta: WebP er pixlar, ekki textinn sjálfur sem hægt er að velja |
Spurningar um SVG í WebP
Hvaða breidd í pixlum á ég að nota þegar ég umbreyti SVG í WebP?
Taktu breiddina sem myndin birtist í, í CSS-pixlum, og tvöfaldaðu hana svo myndin haldist skörp á símum og fartölvum með háa pixlaþéttleika. Myndskreyting í 800 px dálki ætti að vera teiknuð í 1600 px. Sjaldan borgar sig að fara í 3× á vefnum, því skráin stækkar en sýnilegur ávinningur er lítill.
Er WebP betra en SVG fyrir vefsíðu?
Ekki fyrir einföld lógó, tákn og skýringarmyndir: hrein SVG-skrá er lítil og skörp í öllum stærðum, svo haltu henni. WebP hentar betur fyrir flóknar myndskreytingar með litstigum, síum eða þúsundum ferla, og alls staðar þar sem aðeins eru leyfðar bitamyndir, eins og samfélagsmiðlaforskoðun eða vefumsjónarkerfi án SVG-stuðnings.
Heldur WebP-myndin gagnsæjum bakgrunni SVG-skrárinnar?
Já. WebP er með fulla gegnsæisrás bæði með og án taps, svo svæði án fyllingar í SVG haldast gegnsæ. Brúnir forma eru jafnaðar gagnvart gegnsæi, sem lítur rétt út á hvaða bakgrunnslit sem er.
Tapandi eða taplaus WebP fyrir vektorgrafík?
Án taps hentar fyrir flöt lógó, tákn og myndrit með örfáum heilum litum; þau þjappast mjög vel og halda fullkomlega hreinum brúnum. Með tapi á gæðum 85 til 90 hentar fyrir myndskreytingar með litstigum, skuggum eða áferð, þar sem skrár án taps verða þungar. Prófaðu bæði á einni skrá og haltu minni niðurstöðunni sem lítur hreint út.
Af hverju get ég ekki hlaðið SVG upp í WordPress?
WordPress leyfir ekki SVG í upphleðslum því SVG getur innihaldið skriftur. Það hefur tekið við WebP frá útgáfu 5.8, sem kom út 2021, svo með umbreytingu færðu skrá sem miðlasafnið tekur við án öryggisviðbótar. Vefir sem þurfa raunverulega vektora geta samt bætt við SVG-stuðningi með viðbót sem hreinsar skrárnar.
Get ég notað WebP-myndina í fréttabréfi í tölvupósti?
Forðastu það. Nokkur tölvupóstforrit, þar á meðal Outlook fyrir Windows, sýna ekki WebP og Gmail birtir ekki heldur SVG. Notaðu frekar SVG í PNG fyrir tölvupóst.
