SVG WebP bihurgailua
Bihurtu fitxategi bektorial bat WebP irudi, zure diseinuak behar duen pixel-zabalera zehatzean. Erabilgarria da CMS batek SVG igoerak onartzen ez dituenean, sare sozialetako aurrebista batek bitmap bat behar duenean edo ilustrazio batek hainbeste bide dituenean ezen nabigatzaileak astiro marrazten baitu.
Irudi-bihurtzailea
edo jaregin JPG, JPEG, JPE … fitxategiak hemen ·
Gehienez 95 MB fitxategiko· 20 fitxategi arte· 30 minutu geroago ezabatzen da
Fitxategiak gure zerbitzarietan prozesatzen dira eta 30 minutu geroago ezabatzen dira.
85-ek argazkiak jatorrizkoaren berdin mantentzen ditu ikusmenez. Jaitsi soilik fitxategi txikiagoa behar baduzu.
JPG, BMP eta EPS formatuek ez dute gardentasunik. Pixel gardenak kolore honekin betetzen dira.
Pixel gardenen atzean erabiltzen den kolore hexadezimala, adib. #FFFFFF.
Formatu honek irudi bakarra gordetzen du. Aukeratu GIF edo WebP irteera animazioa mantendu nahi baduzu.
Tamaina anitzeko ikono batek bereizmen bat baino gehiago ditu fitxategi bakarrean; nabigatzaileek eta sistema eragileek behar dutena hautatzen dute.
Mantendu jatorrizko neurriak, edo sartu alde bat eta aspektu-erlazioa mantenduko da.
Goian aukeratutako aldearen pixelak.
Jatorrizko neurrien ehunekoa.
sRGB egokia da pantailetarako eta webarako. Mantendu jatorrizkoa inprimatzeko lan-fluxuetarako; gris-eskalak kolorea baztertzen du.
Metadatuak soilik, 0-k jatorrizko balioa mantentzen du. Inprimagailuek eta ataria batzuek zenbaki hau irakurtzen dute; ez ditu pixel-neurriak aldatzen.
Tresna hau nola erabili
- 1
Igo SVG fitxategia
Gehitu Figma, Illustrator, Inkscape edo grafiko-liburutegi batetik esportatutako 20 .svg fitxategi arte, bakoitza 95 MB-ra arte.
- 2
Ezarri irteerako zabalera
Irteerako irudiaren tamaina aldatu 1200 px-ko zabalerarekin hasten da; aldatu irudiak orrian hartuko duen zabaleraren bikoitzera. Kalitatea 90 da, edo markatu Galerarik gabekoa Ezarpen aurreratuak atalean logo eta ikono lauetarako.
- 3
Bihurtu WebP formatura
Sakatu Bihurtu honetara WebP eta deskargatu fitxategiak edo ZIP bakarra. Alde gardenak garden geratzen dira.
Nola bihurtu SVG WebP tamaina zehatz batean?
Igo SVGa, ezarri Irteerako irudiaren tamaina aldatu behar duzun pixel-zabalerara (1200 px lehenespenez) eta sakatu Bihurtu honetara WebP. Bektorea zabalera horretan marrazten da berriro, beraz ez da ezer handitzen edo lausotzen.
Noiz bihurtu behar den SVG bat WebP
SVG W3C Gomendio bihurtu zen 2001ean eta logo eta ikono gehienetarako formatu egokia da: zoom edozeinetan zorrotz jarraitzen duten kilobyte gutxiko testua. Arazoak fitxategia zure kodetik ateratzean hasten dira. WordPressek eta hainbat denda-sortzaile ostatatuk SVG igoerak ukatzen dituzte, Facebook, LinkedIn eta Xeko esteken aurrebistak bitmap gisa hartzen dira, eta diseinu-tresnek raster efektuak txertatutako ilustrazioak esportatzen dituzte, bektore-fitxategi bat megabyte askoko markazio bihurtuz.
WebP, Googlek 2010ean kaleratua eta Safarik azkenean 2020an 14. bertsioan onartua, lan horretarako sortutako bitmapa da: PNG baino txikiagoa itxura berarekin, eta alfa kanal errealarekin. SVG zuzenean azken tamainan WebP errendatzeak PNG handi baten bidezko ohiko bidea saihesten du. Alderantzizkoa ere nahi baduzu, gure WebP SVG bihurtu orriak azaltzen du noranzko hark zergatik behar duen trazatzea eta ez bihurketa.
SVG WebP bihurtzeko tamainak web-gune ohikoenetarako
1200 × 630 px
Open Graph esteka-aurrebista
Orria partekatzean erakusten den irudia
1920 × 1080 px
Zabalera osoko hero ilustrazioa
Mahaigaineko pantaila gehienak betetzen ditu 1×-n
1600 × 900 px
Blogeko zutabeko irudia 2×-n
800 px-ko eduki-zutabe baterako
400 × 100 px
Goiburuko logoa 2×-n
200 × 50 px-ko logo-leku baterako
SVG
Scalable Vector Graphics
SVG XML oinarritutako bektore-formatua da, W3C-k 2001ean estandarizatua. Pixelen ordez formak, bideak eta testua deskribatzen ditu; beraz, edozein tamainatan zorrotz mantentzen da eta logotipo eta ikonoetarako normalean txikia da. Gardentasuna, CSS estiloak, script-ak eta animazioa onartzen ditu, eta nabigatzaile guztiek natiboki errendatzen dute. SVG ez da egokia argazkietarako, eta ilustrazio konplexuak motel errendatu daitezke. Illustrator, Inkscape, Figma eta nabigatzaileek ireki eta edita dezakete.
- Konpresioa
- –
- Gardentasuna
- Bai
- Animazioa
- Bai
- Sorrera urtea
- 2001 · W3C
WEBP
WebP irudia
WebP Googlek 2010ean kaleratutako irudi-formatua da, web orriak azkarrago kargatzeko. Galerazko eta galerarik gabeko konpresioa, alfa gardentasuna eta animazioa onartzen ditu formatu bakarrean. Galerazko WebP fitxategiak ikusizko kalitate bereko JPEGak baino % 25–35 txikiagoak izan ohi dira, eta galerarik gabekoak PNG baino txikiagoak. Egungo nabigatzaile guztiek onartzen dute, baina mahaigaineko software zahar batzuek, inprimatze-zerbitzuek eta igoera-formularioek oraindik baztertzen dute. Windowsek, macOSek eta irudi-editore modernoenek WebP fitxategiak ireki ditzakete.
- Konpresioa
- Galerarekin edo galerarik gabe
- Gardentasuna
- Bai
- Animazioa
- Bai
- Sorrera urtea
- 2010 · Google
SVG WebP bihurtzen dute jendeak bektore-fitxategiak onartzen ez dituzten edo astiro marrazten dituzten lekuetarako tamaina finkoko bitmap arin bat izateko, hala nola CMS bat, sareko aurrebista bat edo landing orri lanpetu bat; WebP SVG bihurtzea trazatze lana da, ez formatu-aldaketa.
Nola rasterizatzen den SVGa eta zer egiaztatu
Bihurgailuak SVGaren berezko width, height eta viewBox irakurtzen ditu, eta bide guztiak ezarritako zabaleran marrazten ditu; altuera aspektu-erlazioari jarraitzen dio. Marrazketa azken tamainan egiten denez, trazu fin eta testu txikiak behin bakarrik leuntzen dira, eskala egokian. PNG txiki bat gero handitzeak ez du inoiz hain garbi ematen.
Letra-tipoak izan ohi dira sorpresa. SVGak txertatu gabeko edo ingerada bihurtu gabeko letra-tipo bat aipatzen badu, ordezko letra-tipo bat erabiltzen da eta lerro-luzerak aldatzen dira. Bihurtu testua ingerada diseinu-tresnan esportatu aurretik. SVGaren barruan URL bidez estekatutako kanpoko irudiak ez dira eskuratzen, beraz txertatu edo lautu lana lehenago.
SVG WebP bihurgailua: egin eta ez egin
| Egin | Ez egin |
|---|---|
| Errendatu bistaratutako CSS zabaleraren 2×-n | Ez bihurtu SVG gisa txikiagoak diren ikono txertatu sinpleak |
| Erabili Galerarik gabekoa kolore gutxiko logo lauetarako | Ez errendatu 4000 px-ra 600 px-ko leku baterako |
| Gorde SVG nagusia etorkizuneko tamainetarako | Ez bidali WebP posta-buletinetan |
| Zerbitzatu WebP width eta height atributuekin diseinu-jauzia saihesteko | Ez espero testu bizirik: WebP pixelak dira, ez hautatu daitekeen testua |
SVG WebP bihurtzeari buruzko galderak
Zer pixel-zabalera erabili behar dut SVG WebP bihurtzean?
Hartu irudia CSS pixeletan erakusten den zabalera eta bikoiztu, dentsitate handiko telefono eta ordenagailu eramangarrien pantailetan zorrotz ikus dadin. 800 px-ko zutabe batean erakusten den ilustrazioa 1600 px-ra errendatu behar da. 3×-ra joatea gutxitan merezi du webean, fitxategia handitzen delako eta irabazi ikusgarria txikia delako.
WebP SVG baino hobea al da webgune baterako?
Ez logo, ikono eta diagrama sinpleetarako: SVG garbi bat txikia eta zorrotza da edozein tamainatan, beraz gorde ezazu. WebP hobea da gradiente, iragazki edo milaka bide dituzten ilustrazio konplexuetarako, eta bitmapak bakarrik onartzen dituzten tokietarako, hala nola sare sozialetako aurrebistak edo SVGrik onartzen ez duen CMS bat.
WebP irudiak SVGaren atzeko plano gardena mantentzen al du?
Bai. WebPk alfa kanal osoa du galerarekiko zein galerarik gabeko moduan, beraz SVGko betegarririk gabeko eremuak garden geratzen dira. Formen ertzak gardentasunaren aurka leunduta daude, eta edozein atzeko kolorerekin ondo ikusten dira.
Galerarekin ala galerarik gabeko WebP artelan bektorialetarako?
Galerarik gabekoa kolore solido gutxiko logo, ikono eta grafiko lauetarako egokia da; oso ondo konprimatzen dira eta ertzak guztiz garbi gordetzen dituzte. 85-90 kalitateko galeradunak gradiente, itzal edo testurak dituzten ilustrazioetarako egokia da, galerarik gabeko fitxategiak astunak izaten direlako horietan. Probatu biak fitxategi batean eta gorde garbi ikusten den emaitza txikiena.
Zergatik ezin dut SVG fitxategirik igo WordPressera?
WordPressek SVG ez du onartutako igoera-motetan sartzen, SVG batek script-ak eraman ditzakeelako. WebP 5.8 bertsiotik onartzen du, 2021ean kaleratua, beraz bihurtuta multimedia-liburutegiak segurtasun-plugin barik hartzen duen fitxategia lortzen duzu. Benetako bektoreak behar dituzten guneek SVG onarpena gehi dezakete garbitzaile-plugin baten bidez.
Erabil al dezaket WebP irudia posta elektronikoko buletin batean?
Saihestu. Posta-bezero askok, Windowsko Outlook mahaigainekoak barne, ez dute WebP bistaratzen, eta Gmailek ere ez du SVG errendatzen. Posta elektronikorako, errendatu irudia SVG PNG bihurtu erabiliz.
