WebP na JPG: wanneer omskakel, wanneer nie, en hoekom

Google het WebP in 2010 vrygestel as 'n kleiner plaasvervanger vir JPG op die web, en vir 'n dekade was dit 'n nisformaat omdat Safari dit nie kon wys nie. Dit het verander toe Apple in 2020 WebP by Safari 14 en macOS Big Sur gevoeg het. Toe elke groot blaaier dit kon wys, het die maatskappye wat beelde op groot skaal lewer oorgeskakel, en hulle doen dit aan die bedienerkant, waar jy nooit die besluit sien nie en waar niks op die bladsy vir jou sê watter formaat jy eintlik besig is om te sien nie.

Shopify se beeld-CDN gee byvoorbeeld 'n WebP aan enige blaaier wat sê dit kan een wys, selfs al is die produkfoto as 'n JPG opgelaai. Google Images wys sy voorskoue as WebP. WordPress aanvaar sedert weergawe 5.8 in 2021 WebP-oplaaie; 'n plan om JPG-oplaaie by verstek na WebP om te skakel is laat vaar voordat weergawe 6.1 uitgereik is, maar die Modern Image Formats-inprop van die WordPress-prestasiespan en baie huisvesting-beeldoptimeerders doen presies dit. Die uitkoms is oral dieselfde: die lêer was 'n JPG op die werfeienaar se rekenaar en 'n WebP teen die tyd dat dit joune bereik het.

Die blaaier werk gewillig saam. Elke versoek wat Chrome, Edge en Firefox vir 'n beeld doen, dra 'n Accept-kopstuk met image/webp (en image/avif), en 'n bediener wat formaatonderhandeling ondersteun lees daardie lys en kies die kleinste formaat wat jy kan wys. Wanneer jy regsklik en Stoor beeld as kies, stoor die blaaier die grepe wat dit reeds ontvang het. Daarom kan die lêernaam in die adresbalk op .jpg eindig en tog as WebP op jou skyf beland, soms selfs met 'n dubbele uitbreiding soos .jpg.webp.

Blaaiers het jare gelede opgehou om die probleem te wees. Die moeilikheid lê by alles anders: rekenaarsagteware wat voor 2022 geïnstalleer is, oplaaivorms met 'n toegelate-lys wat een keer geskryf en nooit weer aangeraak is nie, drukkerye se werkvloei wat om JPG en TIFF gebou is, en e-poskliënte wat inlynbeelde deur hul eie dekodeerder wys. Nie een van hulle misluk op 'n nuttige manier nie. 'n Drukkersportaal weier net die lêer, 'n regeringsvorm sê die formaat is ongeldig, en 'n ouer Photoshop wys 'n generiese "kon nie u versoek voltooi nie"-boodskap wat nooit WebP noem nie.

Adobe het in weergawe 23.2, vrygestel in Februarie 2022, eie WebP-oopmaak en -stoor by Photoshop gevoeg; enigiets ouer het 'n derdeparty-inprop nodig. Lightroom Classic het jare sonder WebP-invoer gegaan, so 'n biblioteek op 'n ouer weergawe slaan daardie lêers stil oor tydens invoer. Op Windows kan die ou Windows Photo Viewer glad nie WebP oopmaak nie, en die Windows 10 Photos-toepassing hang af van Microsoft se WebP Image Extensions-pakket uit die Store. Oplaaivorms is die strengste groep: die Amerikaanse Departement van Buitelandse Sake se DS-160-visafoto-oplaai neem byvoorbeeld net JPEG, en baie universiteitsaansoek- en werksportale lys JPG, PNG en PDF en niks anders nie.

WebP is ongewoon omdat een formaat albei take dek: verliesgevende saampersing vir foto's en verliesvrye saampersing met 'n alfakanaal vir grafika. Wanneer jy daaruit omskakel, moet jy kies watter van die twee take die lêer gedoen het, want JPG en PNG hanteer elk net een goed. Die vraag is nie watter formaat oor die algemeen beter is nie (daardie vergelyking word in JPG vs JPEG vs PNG behandel) maar wat hierdie spesifieke beeld bevat en waarheen dit volgende gaan.

'n Produkfoto, 'n muurpapier, 'n resepfoto of 'n vakansiekiekie hoort in JPG; dit sal 'n fraksie van 'n PNG se grootte wees en dieselfde lyk. 'n Logo, ikoon, plakker, uitgeknipte produk op 'n deurskynende agtergrond of 'n skermkiekie vol teks hoort in PNG, want JPG sal die deursigtige areas met 'n soliede kleur vul of die skerp rande van letters laat vervaag. As jy nie kan sien nie, maak die lêer in 'n blaaierblad met 'n donker tema oop: as 'n skaakbordpatroon of die donker bladsy rondom die onderwerp deurskyn, het die beeld deursigtigheid en het dit PNG nodig.

Om 'n verliesgevende WebP na JPG om te skakel dekodeer die piksels en enkodeer dit weer met 'n ander metode, so die resultaat is nie greep vir greep identies nie. In die praktyk, by JPG-kwaliteit 85 tot 90, lê die verskil ver onder wat jy teen normale grootte kan sien, selfs op 'n hoë-resolusie-skerm. Die sigbare verlies in 'n afgelaaide WebP het vroeër gebeur, toe die webwerf dit saamgepers het, en omskakeling kan daardie detail nie terugbring nie; dit vermy net om baie meer by te voeg. 'n Tweede of derde omskakeling sou optel, so skakel een keer om, vanaf die WebP wat jy gestoor het, eerder as om formate aanmekaar te skakel.

Drie dinge verander op maniere wat jy dalk kan merk. Die lêer word groter, gewoonlik met 'n derde of meer, omdat JPG die minder doeltreffende formaat is; as 'n vorm 'n KB-limiet het, skakel eers om en pers dit dan saam tot 100 KB of wat die limiet ook al is. Deursigtigheid word platgemaak: op die WebP na JPG-omskakelaar vul die Deursigtige areas-instelling daardie piksels by verstek met Wit, of Swart of 'n Eie kleur. En animasie gaan verlore, want 'n JPG hou een raampie en net die eerste een word behou.

Wat nie verander nie, maak ewe veel saak: pikselafmetings, oriëntasie en kleure bly dieselfde, en die ingebedde kleurprofiel word behou solank Behou kleurprofiel aan bly. As jy vir druk omskakel, verhoog Kwaliteit na 90 of hoër; die ekstra grepe kos niks by 'n drukkery nie en verwyder enige twyfel oor gladde gradiënte in lugte en vel. Vir oplaaie met 'n streng KB-limiet is 80 gewoonlik nog skoon op 'n foto, en dit laat meer ruimte onder die limiet as 90. Onder ongeveer 70 begin blokkerige rande rondom teks en fyn lyne verskyn.

Voordat jy omskakel, is dit die moeite werd om te kyk of die webwerf sy oorspronklike lêer sal gee, want dit slaan een generasie saampersing heeltemal oor. Of dit werk, hang af van hoe die webwerf sy WebP maak. Wanneer 'n CDN die WebP ter plaatse skep, bestaan die JPG steeds op die bediener en die regte versoek kan dit haal. Wanneer die webwerf net die WebP gestoor het, soos sommige WordPress-opstellings na omskakeling van oplaaie doen, is daar geen JPG oor nie, en omskakeling is die enigste roete.

Die wenke hieronder is gelys van mees tot minste betroubaar. Nie een behels iets ongewoons nie: dit is gewone blaaieraksies en aflaaiskakels wat die webwerf reeds bied. Die een wat jy aanlyn die meeste aanbeveel sal sien, om ?format=jpg agter 'n beeldadres te voeg, is ook die minste betroubare. Dit werk net as die beeld-CDN toevallig 'n parameter met presies daardie naam lees, en die meeste doen nie, so jy kry dieselfde WebP terug sonder 'n fout wat sê die truuk het misluk.

As jy 'n produkkatalogus, 'n stel verwysingsbeelde of 'n vouer muurpapiere gestoor het, raak dit gou vervelig om een lêer op 'n slag om te skakel. Die omskakelaar neem tot 20 lêers per bondel van tot 95 MB elk, pas dieselfde Kwaliteit- en Deursigtige areas-instellings op almal toe en gee een ZIP terug. Lêers word 30 minute ná verwerking van die bediener verwyder, en niks hoef geïnstalleer te word nie. 'n Vouer van 100 beelde is vyf bondels.

Sorteer die vouer voordat jy begin. Sit die foto's in een bondel vir JPG en die logo's, ikone en enigiets met 'n deurskynende agtergrond in 'n ander vir WebP na PNG, sodat niks met 'n wit blok daaromheen eindig nie. As jy op 'n Mac werk, skakel Preview se Voer uit-opdrag enkele lêers om, en opdraglyngebruikers kan ImageMagick se mogrify -format jpg *.webp vir baie groot vouers laat loop. Albei lewer dieselfde resultaat as 'n blaaiergebaseerde omskakelaar; die verskil is net hoeveel opstelling jy wil hê.

Daar is geen instelling in Chrome, Edge of Firefox genaamd "stoor beelde as JPG" nie, en dit is nie 'n oorsig nie. Die blaaier kies nie die formaat nie; dit kondig aan watter formate dit kan wys, en die webwerf kies een. Chrome stoor presies wat gestuur is, sonder herenkodering, wat die korrekte gedrag is: om stil by stoor om te skakel, sou 'n verliesgevende stap byvoeg wat jy nie gevra het nie. Om blaaiers te wissel help dus selde ook. Elke huidige blaaier lys WebP in sy Accept-kopstuk, en hulle kry almal dieselfde WebP van dieselfde webwerf.

Dit laat drie praktiese opsies. Jy kan die oorspronklike deur die webwerf kry, met die stappe hierbo. Jy kan 'n blaaieruitbreiding installeer wat die beeld herenkodeer terwyl jy stoor, wat dieselfde omskakeling met 'n ander knoppie is. Of jy kan die WebP stoor en dit omskakel wanneer, en net wanneer, iets dit weier. Die derde is gewoonlik die minste werk, want 'n groot deel gestoorde beelde word net ooit op skerms bekyk, waar WebP in elke blaaier, in Preview op macOS Big Sur en later, en in die Windows 11 Photos-toepassing gewoon oopmaak.

As jy nuuskierig is oor hoe WebP met die ander moderne formate vergelyk wat webwerwe nou lewer, insluitend AVIF, wat begin om WebP op dieselfde CDN's te vervang, kyk AVIF vs HEIC vs WebP. Die praktiese raad in hierdie artikel geld byna onveranderd: 'n AVIF wat 'n program weier, word op dieselfde manier opgelos, deur dit na JPG vir foto's of PNG vir grafika om te skakel. Meer besonderhede oor die formaat self is op Google se WebP-projekbladsy.