Pretvornik SVG v WebP
Vektorsko datoteko pretvorite v WebP natanko v širini v pikslih, ki jo potrebuje vaša postavitev. Koristno, kadar CMS zavrne nalaganje SVG, predogled za družbena omrežja zahteva bitno sliko ali ima ilustracija toliko poti, da jo brskalnik počasi izriše.
Pretvornik slik
ali spustite datoteke JPG, JPEG, JPE … sem ·
Največ 95 MB na datoteko· Do 20 datotek· Izbrisano po 30 minutah
Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.
85 ohrani fotografije vizualno enake izvirniku. Znižajte jo le, če potrebujete manjšo datoteko.
JPG, BMP in EPS nimajo prosojnosti. Prosojni piksli se zapolnijo s to barvo.
Šestnajstiška barva za prosojnimi piksli, npr. #FFFFFF.
Ta oblika hrani samo eno sliko. Izberite izhod GIF ali WebP, če želite ohraniti animacijo.
Ikona z več velikostmi vsebuje več ločljivosti v eni datoteki; brskalniki in operacijski sistemi izberejo tisto, ki jo potrebujejo.
Ohranite izvirne dimenzije ali vnesite eno stranico in razmerje stranic se ohrani.
Piksli za zgoraj izbrano stranico.
Odstotek izvirnih dimenzij.
sRGB je pravi za zaslone in splet. Za delovne postopke tiskanja ohranite izvirnik; sivine zavržejo barvo.
Samo metapodatek, 0 ohrani izvirno vrednost. Tiskalniki in nekateri portali preberejo to število; ne spremeni dimenzij v pikslih.
Kako uporabljati to orodje
- 1
Naložite SVG
Dodajte do 20 datotek .svg, izvoženih iz programa Figma, Illustrator, Inkscape ali iz knjižnice za grafikone, vsaka do 95 MB.
- 2
Nastavite izhodno širino
Spremeni velikost izhodne slike se začne pri širini 1200 px; nastavite jo na dvakratnik širine, ki jo bo slika zavzela na strani. Kakovost je 90; za ploske logotipe in ikone pa pod Napredne nastavitve označite Brez izgub.
- 3
Pretvorite v WebP
Pritisnite Pretvori v WebP in prenesite datoteke ali en ZIP. Prosojna območja ostanejo prosojna.
Kako pretvorim SVG v WebP v določeni velikosti?
Naložite SVG, nastavite Spremeni velikost izhodne slike na želeno širino v pikslih (privzeto 1200 px) in pritisnite Pretvori v WebP. Vektor se nariše znova pri tej širini, zato nič ni povečano ali zamegljeno.
Kdaj je SVG smiselno pretvoriti v WebP
SVG je leta 2001 postal priporočilo W3C in je pravi format za večino logotipov in ikon: nekaj kilobajtov besedila, ki ostane ostro pri vsaki povečavi. Težave se začnejo, ko datoteka zapusti vašo kodo. WordPress in številni gostovani graditelji spletnih trgovin SVG nalaganja zavračajo, predogledi povezav na Facebooku, LinkedInu in X se naložijo kot bitne slike, oblikovalska orodja pa izvažajo ilustracije z vdelanimi rastrskimi učinki, zaradi katerih vektorska datoteka postane več megabajtov kode.
WebP, ki ga je Google izdal leta 2010 in ga je Safari končno podprl v različici 14 leta 2020, je bitna slika, narejena za to nalogo: manjša od PNG pri enakem videzu, z pravim alfa kanalom. Upodobitev SVG neposredno v WebP v končni velikosti preskoči običajni ovinek prek velikega izvoza PNG. Če potrebujete tudi obratno, stran WebP v SVG pojasnjuje, zakaj ta smer zahteva sledenje in ne pretvorbe.
Velikosti SVG v WebP za pogosta mesta na spletu
1200 × 630 px
Predogled povezave Open Graph
Slika, prikazana ob deljenju strani
1920 × 1080 px
Ilustracija čez celotno širino
Pokrije večino namiznih zaslonov pri 1×
1600 × 900 px
Slika v stolpcu bloga pri 2×
Za vsebinski stolpec širine 800 px
400 × 100 px
Logotip v glavi pri 2×
Za polje logotipa 200 × 50 px
SVG
Scalable Vector Graphics
SVG je vektorska oblika na osnovi XML, ki jo je W3C standardiziral leta 2001. Namesto pikslov opisuje oblike, poti in besedilo, zato ostane ostra pri vsaki velikosti, za logotipe in ikone pa je običajno majhna. Podpira prosojnost, slogovanje CSS, skripte in animacijo, vsak brskalnik pa jo prikaže izvorno. SVG ni primeren za fotografije, zapletene ilustracije pa se lahko počasi izrisujejo. Odprejo in urejajo ga lahko Illustrator, Inkscape, Figma in brskalniki.
- Stiskanje
- –
- Prosojnost
- Da
- Animacija
- Da
- Uvedeno
- 2001 · W3C
WEBP
Slika WebP
WebP je slikovni format, ki ga je Google izdal leta 2010 za hitrejše nalaganje spletnih strani. V enem formatu podpira izgubno in brezizgubno stiskanje, alfa prosojnost in animacijo. Izgubne datoteke WebP so običajno za 25–35 % manjše od JPEG podobne vidne kakovosti, brezizgubni WebP pa je običajno manjši od PNG. Podpirajo ga vsi sodobni brskalniki, vendar ga nekateri starejši namizni programi, tiskarske storitve in obrazci za nalaganje še vedno zavrnejo. Windows, macOS in večina sodobnih urejevalnikov slik datoteke WebP odprejo.
- Stiskanje
- Z izgubo ali brez izgube kakovosti
- Prosojnost
- Da
- Animacija
- Da
- Uvedeno
- 2010 · Google
SVG v WebP pretvarjajo, da dobijo lahko bitno sliko stalne velikosti za mesta, ki vektorskih datotek ne sprejmejo ali jih risajo počasi, na primer sistem CMS, družbeni predogled ali obremenjeno pristajalno stran; WebP v SVG je sledenje, ne zamenjava formata.
Kako se SVG pretvori v bitno sliko in kaj preveriti
Pretvornik prebere širino, višino in viewBox samega SVG, nato nariše vse poti pri nastavljeni širini; višina sledi razmerju stranic. Ker risanje poteka v končni velikosti, so tanke črte in majhno besedilo glajeni enkrat, v pravem merilu. Poznejše povečevanje majhne slike PNG nikoli ni videti tako čisto.
Pisave so običajno presenečenje. Če SVG navaja pisavo, ki ni vdelana ali pretvorjena v obrise, se uporabi nadomestna pisava in dolžine vrstic se spremenijo. Besedilo pred izvozom pretvorite v obrise v oblikovalskem orodju. Zunanje slike, povezane z URL-jem znotraj SVG, se ne prenesejo, zato jih vdelajte ali pa sliko prej sploščite.
Pretvornik SVG v WebP: kaj storiti in česa ne
| Storite | Ne storite |
|---|---|
| Upodobite pri 2× prikazani širini CSS | Ne pretvarjajte preprostih vstavljenih ikon, ki so kot SVG manjše |
| Za ploske logotipe z malo barvami uporabite Brez izgub | Ne upodabljajte pri 4000 px za polje širine 600 px |
| Obdržite glavni SVG za prihodnje velikosti | Ne pošiljajte WebP v e-poštnih novicah |
| WebP objavite z atributoma width in height, da preprečite premik postavitve | Ne pričakujte živega besedila: WebP so piksli, ne izbirno besedilo |
Vprašanja o pretvorbi SVG v WebP
Kakšno širino v pikslih izbrati pri pretvorbi SVG v WebP?
Vzemite širino, pri kateri je slika prikazana v CSS pikslih, in jo podvojite, da ostane ostra na telefonih in prenosnikih z visoko gostoto zaslona. Ilustracijo v stolpcu širine 800 px naj bi upodobili pri 1600 px. Povečava na 3× se na spletu redko izplača, saj datoteka zraste, vidni dobiček pa je majhen.
Je WebP za spletno stran boljši od SVG?
Pri preprostih logotipih, ikonah in diagramih ne: čist SVG je droben in ostr pri vsaki velikosti, zato ga obdržite. WebP je boljši za zapletene ilustracije z gradienti, filtri ali tisoči poti ter povsod, kjer so dovoljene le bitne slike, na primer pri družbenih predogledih ali sistemu CMS brez podpore za SVG.
Ali WebP ohrani prosojno ozadje mojega SVG?
Da. WebP ima poln alfa kanal v stiskanju z izgubami in brez njih, zato območja brez polnila v SVG ostanejo prosojna. Robovi oblik so glajeni glede na prosojnost, zato so videti pravilno na kateri koli barvi ozadja.
Izgubni ali brezizgubni WebP za vektorsko grafiko?
Brez izgub ustreza ploskim logotipom, ikonam in grafikonom z maloštevilnimi enobarvnimi ploskvami; ti se zelo dobro stisnejo in ohranijo popolnoma čiste robove. Z izgubami pri kakovosti od 85 do 90 ustreza ilustracijam z gradienti, sencami ali teksturami, kjer so datoteke brez izgub težke. Poskusite obe možnosti na eni datoteki in obdržite manjši rezultat, ki je videti čist.
Zakaj v WordPress ne morem naložiti SVG?
WordPress SVG izpušča s seznama dovoljenih vrst nalaganja, ker lahko SVG vsebuje skripte. WebP sprejema od različice 5.8, izdane leta 2021, zato s pretvorbo dobite datoteko, ki jo medijska knjižnica sprejme brez varnostnega vtičnika. Spletna mesta, ki potrebujejo prave vektorje, lahko podporo za SVG še vedno dodajo z vtičnikom, ki vsebino očisti.
Ali lahko WebP uporabim v e-poštnem glasilu?
Temu se izogibajte. Več e-poštnih odjemalcev, med njimi namizni Outlook za Windows, ne prikaže WebP, Gmail pa ne prikaže niti SVG. Za e-pošto sliko raje upodobite z orodjem SVG v PNG.
