Wag…
WebP-Agtergrond- verwyderaar
Voer die .webp in presies soos jy dit gevind het. Geen omskakeling, geen oplaai, geen ekstra generasie kompressie tussen jou lêer en die uitknipsel wat terugkom nie.
Of los jou lêers hier, of druk Ctrl + V om te plak Een .webp, of die hele mediabiblioteek
PNG, JPG, WEBP, AVIF, GIF, BMP en HEIC · tot 30 beelde · maks 25 MB elk
Wil dit eers toets? Kies ’n voorbeeld
Wat ’n WebP moeiliker maak om uit te sny as wat dit lyk
Die formaat steek die meeste van sy kompleksiteit weg agter een uitbreiding. Hierdie is die vier dinge wat werklik verander hoe skoon die rand uitkom.
Lossy-kompressie raak ook die alfakanaal
’n Lossy .webp kwantiseer nie net kleur nie — die opasiteitskanaal kry dieselfde behandeling. As ’n rowwe uitknipsel reeds ingebak was voordat die lêer jou bereik het, was daardie rand reeds versag voordat die model dit ooit sien.
Chroma-subsampling vervaag presies waar hare presisie nodig het
Soos ’n JPG, hou lossy WebP helderheid skerp maar gemiddeld kleur oor naburige pixels. Dit is onsigbaar op ’n plat agtergrond en baie sigbaar langs ’n enkele string hare of vag.
’n Bestaande alfakanaal kan ’n swak uitknipsel wegsteek
’n WebP wat reeds deursigtig lyk in jou ontwerpinstrument kan steeds ’n rowwe matte dra met ’n soom van ou agtergrond nog daaraan vas — dit wys net sodra die beeld op ’n ander kleur sit.
’n Geanimeerde lêer bied net een raam aan
Die houer kan dosyne rame hou, maar ’n uitknipinstrument kan net die eerste een lees. Enigiets wat beweeg in die reeks, moet raam-vir-raam uitgevoer word voordat dit uitgesny kan word.
WebP het nog altyd plek vir deursigtigheid gehad. Joune is vol solied.
Dit vang meer mense vas as enigiets anders oor die formaat, en die verwarring is verstaanbaar: die spesifikasie en die lêer sê twee verskillende dinge.
Die spesifikasie sê ’n vierde waarde mag elke pixel vergesel. Jou spesifieke foto sê daardie waarde is maksimum van hoek tot hoek, want ’n kamera het geen begrip van leegheid nie. Om die agtergrond te verwyder, herskryf die kanaal wat die hele tyd daar was — volle sterkte oor die onderwerp, glad niks daarbuite nie, en ’n sagte oorgang deur die stringe tussenin.
Verwyder agtergrondVier lêers, een uitbreiding
Niks aan die buitekant van ’n .webp vertel jou watter een van hierdie jy het nie. Al vier gaan in dieselfde instrument in; net die laaste gedra homself anders op die uitweg.
Lossy WebP
Verreweg die mees algemene. Saamgepers soos ’n foto is, maar steeds in staat om ’n volledige opasiteitskanaal langs die kleur te dra.
Op die uitweg: Een keer uitgesny en verliesvry uitgeskryf, so die lêer word nooit ’n tweede keer saamgedruk nie.
Verliesvrye WebP
Presies tot die pixel. Gewoonlik wat ’n ontwerpinstrument skryf wanneer die kunswerk skoon lyne het wat die moeite werd is om te beskerm.
Op die uitweg: Alles binne die onderwerp oorleef byte vir byte — niks word herenkodeer nie.
WebP met alfa
Dra reeds ’n uitknipsel wat iemand anders gemaak het, dikwels ’n rowwe een met ’n soom ou agtergrond steeds vas.
Op die uitweg: Die bestaande rand word van nuuts af herskep, wat opruim wat ook al die eerste poging gemis het.
Geanimeerde WebP
’n Hele reeks in een lêer verpak, oor die algemeen in plek van ’n GIF op ’n moderne werf.
Op die uitweg: Die openingsraam word uitgesny en as ’n stilstaande beeld teruggegee. Beweging word nie oorgedra nie.
’n WebP-agtergrond word verwyder in 3 stappe
Van begin tot einde binne hierdie blad. Geen inprop nie, geen tou-posisie nie, geen kredietbalans om dop te hou nie.
Stap 1
Handig die oorspronklike oor
Sleep die .webp in, plak dit met Ctrl + V, of blaai daarvoor. Weerstaan die drang om eers om te skakel — ’n onaangeraakte lêer gee die skerpste grens.
Stap 2
Die opasiteitskanaal word herskryf
Jou blaaier dekodeer self die WebP, dan merk die model elke pixel as onderwerp, agtergrond of iewers tussenin en pas dit teen volle skaal toe.
Stap 3
Neem die PNG, herenkodeer later
Stoor die verliesvrye uitknipsel, ondersoek die rand iewers donker, en skakel dit terug na ’n WebP sodra jy publiseer eerder as nog redigeer.
Trek die handvatsel oor ’n regte lysingfoto
’n Konsole-foto van die soort wat ’n winkelfront as WebP bedien. Een kant is wat die CDN jou gegee het; die ander is wat die instrument teruggee.
Drie WebP’s uit drie verskillende pyplyne
’n Ontwerpinstrument-uitvoer, ’n winkelfront-lysing en ’n lêer oorhandig deur ’n afleweringsnetwerk. Dieselfde instrument, dieselfde sekonde of so se werk.
Om op PNG te land is ’n tussenstop, nie ’n afgradering nie
Om van ’n klein moderne formaat na ’n groter ou een te gaan, lyk soos die verkeerde rigting. Hier is waarom dit die regte een is, en hoe om die grootte terug te kry.
1
Beskerm die grens terwyl dit nog vars is
Die sag-gemaakte rand is die duurste deel van die hele operasie. ’n Verliesvrye houer hou dit presies vas terwyl jy nog krop, skaal en twyfel oor die komposisie.
2
Beoordeel dit op die oppervlak waarop dit gaan leef
Lê die uitknipsel oor die presiese kleur, gradiënt of foto waarvoor dit bestem is. Soom wat op wit beleefd wegsteek, word ooglopend die oomblik iets donkers daaragter sit.
3
Gaan terug na WebP vir die lewendige werf
Die retoerreis kos die deursigtigheid niks, en die grepe waaroor jy bekommerd was, kom reguit terug. Hou die PNG in jou eie argief as die kopie waarvandaan jy herexporteer.
WebP-agtergrondverwydering VRAE
Omskakeling, animasie, kwaliteit en wat die aflaai weeg. Nie hier gedek nie? Vra ons.
Los die .webp reguit in die instrument hierbo — daar is geen omskakelingstap om eers uit die pad te kry nie, want jou blaaier lees WebP self. Die model merk die onderwerp op jou eie toestel uit en die uitknipsel verskyn in die werkruimte, gereed om te stoor.
Nee, en om dit te doen sal jou net tyd en ’n bietjie kwaliteit kos. Omskakeling herenkodeer die prent voordat die model dit ooit gesien het. Om die oorspronklike .webp direk in te voer, gee die skoonste moontlike rand, want niks het deur ’n ekstra generasie kompressie gegaan nie.
Om deursigtigheid te kan stoor en werklik iets te stoor, is twee verskillende toestande. ’n Foto gestoor as WebP het ’n opasiteitskanaal waarin elke enkele waarde solied lees. Die uitknipsel is wat daardie waardes met werklike leegheid rondom jou onderwerp vervang.
PNG is die veiligste plek vir ’n vars uitgesnyde rand om te land. Dit is verliesvry, elke program op aarde maak dit oop, en geen oplaaivorm sal dit weier nie. Sodra jy tevrede is met die resultaat, behou herenkodering na WebP vir publikasie die deursigtigheid perfek.
Jy kry ’n stilstaande beeld uitgesny uit die eerste raam. As die hele reeks gesny moet word, voer die rame as aparte lêers uit en sit hulle saam in die ry — die groep hanteer dertig op ’n slag en gee hulle terug in een ZIP.
Marginaal, en net reg by die grens. Lossy-enkodering maak baie fyn kontras glad, wat die model effens minder laat om langs hare of draad te lees. Teen die kwaliteitinstellings wat winkels en CDN’s werklik gebruik, sal jy sukkel om die verskil raak te sien.
Heeltemal. WebP kompresseer aggressief en die uitvoer hier is doelbewus verliesvry, so ’n sprong in grootte is die normale uitkoms. Om die voltooide PNG terug na WebP te omskakel, herwin die meeste daarvan en die alfakanaal kom onbeskadig saam.
Nee. Die model word een keer afgehaal en deur jou blaaier gekas, waarna elke beeld plaaslik hanteer word deur WebGPU of WebAssembly. Trek die netwerkkabel uit nadat die bladsy gelaai het en die instrument hou presies dieselfde aan om te werk.
Los ’n .webp in en sien hoe vinnig dit is
Niks om om te skakel nie, niks om op te laai nie, niks om te teken nie. Dertig lêers per groep en dieselfde enjin agter elke formaat wat ons hanteer.