U klikt met de rechtermuisknop op een productfoto, kiest Afbeelding opslaan als en het bestand landt in uw downloadmap als photo.webp. Op de pagina stond een gewone afbeelding. De URL kan zelfs zijn geëindigd in .jpg. Vervolgens probeer je het in een diadeck te laten vallen, het aan een formulier te bevestigen of het in een oudere afbeeldingsviewer te openen, maar het wordt geweigerd.
Er ging niets mis met de download De website stuurde je een WebP, omdat WebP kleiner is dan de JPG of PNG die het heeft vervangen en elke huidige browser deze weergeeft De wrijving verschijnt alleen wanneer het bestand de browser verlaat Deze gids legt uit wat WebP is, waarom zoveel opgeslagen afbeeldingen in dat formaat aankomen, waar het nog steeds mislukt, en hoe je het kunt omzetten in iets dat het volgende programma accepteert, of je eigen afbeeldingen erin kunt omzetten.
tl;dr: WebP is een afbeeldingsformaat van Google, gespecificeerd in RFC 9649, dat compressie, transparantie en animatie zonder verlies in één bestandstype ondersteunt Websites dienen het omdat het kleiner is dan JPG en PNG, dus Beeld opslaan geeft je zoals vaak een .webp, zelfs als de pagina-URL .jpg zegt Elke huidige browser geeft WebP weer, maar sommige desktop-apps, e-mailclients en uploadformulieren weigeren het nog steeds Converteren met WebP naar PNG om transparantie te behouden, WebP naar JPG voor de breedste ondersteuning, WebP naar GIF voor animatie, of WebP naar PDF voor documenten Ze draaien allemaal client-side, niets geüpload, gratis, geen aanmelding.
Wat is WebP?
WebP is een rasterafbeeldingsformaat dat Google in 2010 heeft uitgebracht om afbeeldingen op webpagina's kleiner te maken. Het is nu door de IETF gedocumenteerd als RFC 9649, WebP-afbeeldingsformaat, gepubliceerd in 2024. De RFC beschrijft één container met twee compressiemethoden, plus optionele transparantie en animatie, dus één enkel formaat omvat de taken die JPEG, PNG en GIF onderling verdelen.
Het bestand is een RIFF-container, dezelfde chunkstructuur die gebruikt wordt door WAV-audio, De eerste twaalf bytes zeggen het
$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250 RIFF:...WEBP
RIFF, vier bytes lengte dus WEBP. Binnenin zitten brokken: VP8 voor verliesgevende beeldgegevens, VP8L voor verliesvrij, ALPH voor een transparantiekanaal, en ANIM en ANMF voor animatie Hulpmiddelen die bestanden identificeren aan de hand van hun bytes, waaronder de Toolz-converters, zoeken precies die handtekening, daarom is een WebP opgeslagen met een .jpg naam wordt nog steeds erkend als WebP.
Hoe comprimeert WebP afbeeldingen?
WebP heeft twee afzonderlijke compressiemethoden, en voor welke een bestand gebruikt, verandert waar het goed voor is.
Lossy WebP is gebaseerd op de keyframe codering van de VP8 video codec De encoder splitst het beeld in blokken, voorspelt elk blok uit pixels die het al gecodeerd heeft, en slaat het verschil op met grovere of fijnere afronding afhankelijk van de kwaliteitsinstelling, Het slaat ook kleur op de helft van de breedte en de helft van de hoogte van helderheid, een techniek die chroma subsampling wordt genoemd Ogen zijn minder gevoelig voor kleurdetails dan voor licht en donker, dus foto's verbergen dit goed Dunne gekleurde lijnen en kleine rode tekst op een vlakke achtergrond doen dat niet, en kunnen zachte randen oppikken.
Lossless WebP is een geheel ander algoritme. Het reproduceert elke pixel exact, met behulp van voorspellende transformaties, een kleurencache en terugverwijzingen in LZ77-stijl, en concurreert met PNG in plaats van met JPEG.
Beide soorten kunnen een alfakanaal dragen voor transparantie Verliesbare WebP met alfa is de combinatie die PNG niet kan bieden: een fotografische uitsparing met een zachte transparante rand in een klein bestand.
Google's publiceerde cijfers over zijn WebP overzichtspagina, zet lossless WebP op 26% kleiner dan PNG en lossy WebP op 25 tot 34% kleiner dan vergelijkbare JPEG bij gelijkwaardige SSIM-kwaliteit Dat zijn gemiddelden over testsets Een gegeven afbeelding kan meer of minder besparen, en een JPEG die al zwaar gecomprimeerd was, bespaart vaak weinig.
Waarom komen opgeslagen afbeeldingen uit als .webp?
Opgeslagen afbeeldingen komen uit als .webp omdat de server ervoor heeft gekozen om WebP naar uw browser te sturen, en Beeld opslaan als bewaart welke bytes er ook zijn afgeleverd Er zijn drie veelvoorkomende manieren die gebeuren.
Content onderhandeling. Elk beeldverzoek dat uw browser doet, draagt een Accept header met een lijst van de formaten die het kan weergeven HTTP content onderhandeling, gedefinieerd in RFC 9110, laat de server een representatie kiezen op basis van die header Beeld CDN's en veel hostingplatforms lezen het en retourneren WebP of AVIF naar browsers die ze accepteren, terwijl oudere clients JPEG ontvangen van dezelfde URL:
GET /images/product-42.jpg HTTP/1.1
Accept: image/avif,image/webp,image/apng,image/*,*/*;q=0.8
HTTP/1.1 200 OK
Content-Type: image/webp
De URL eindigt op .jpg. Het antwoord is WebP. Wanneer u het opslaat, noemt de browser het bestand van het inhoudstype, zodat u het krijgt .webp.
de <picture> element. Sites die niet op de server onderhandelen, kunnen verschillende formaten in markup aanbieden, en de browser kiest de eerste die hij ondersteunt, na de WHATWG HTML picture element regels:
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Product on a white background">
</picture>
Pijpleidingen aanleggen. Sitebouwers, WordPress optimalisatie plugins en frameworks met beeldcomponenten converteren uploads automatisch naar WebP De site eigenaar heeft een JPG geüpload en ziet nooit de WebP die de bezoeker ontvangt.
In alle drie de gevallen doet de site wat prestatie-audits aanbevelen De WebP is het kleinere, juiste bestand voor weergave Het is gewoon het verkeerde bestand voor een programma dat nooit geleerd heeft om het te lezen.
Welke browsers en apps ondersteunen WebP?
Elke huidige browser geeft WebP. Chrome en Edge ondersteunen het al jaren, Firefox voegde het toe in versie 65, en Safari voegde het toe in versie 14, die iPhones en iPads meebracht Op het web is compatibiliteit geen reden meer om het te vermijden.
Buiten de browser is de ondersteuning ongelijkmatig Sommige oudere beeldkijkers, oudere kantoorsuites, e-mailclients, printservices en uploadformulieren openen .webp ofwel weigeren het bij de extensiecontrole Foto-apps van het besturingssysteem hebben het meestal ingehaald, maar een gedeelde werkcomputer of een stukje line-of-business software heeft dat misschien niet.
Webp opslaan is minder universeel dan weergeven De Toolz-converters die WebP schrijven gebruiken de browser' eigen encoder via een canvas Huidige Chrome, Edge en Firefox kunnen WebP zo schrijven Safari kan WebP al lang weergeven maar niet altijd opslaan, en wanneer een browser WebP niet kan coderen, toont de converter een fout die dit zegt in plaats van een PNG terug te geven met een .webp name.
Waarom werkt 't het hernoemen van een .webp naar .jpg?
Een bestand hernoemen verandert het label, niet de inhoud Een WebP hernoemd naar holiday.jpg begint nog steeds met RIFF en WEBP, en bevat nog steeds VP8 - of VP8L-gegevens Sommige programma's kijken alleen naar de extensie, proberen het bestand te lezen als JPEG, zoek nee FF D8 FF markeer aan het begin, en rapporteer het bestand als beschadigd Anderen snuiven de bytes, merken dat het WebP is, en openen het toch of weigeren het met een duidelijker bericht.
Uploadformulieren zijn het ergste geval Een formulier dat alleen de extensie controleert, accepteert het hernoemde bestand, en dan stikt de server' s image library erin, of de afbeelding lijkt kapot op de voltooide listing - of profielpagina Een formulier dat de bytes controleert, wijst het ronduit af Geen van beide uitkomsten is wat je wilde, en beide zijn moeilijker te diagnosticeren dan de oorspronkelijke weigering.
Een echte conversie is de enige betrouwbare oplossing, omdat het de WebP decodeert in pixels en een nieuw bestand schrijft waarvan de bytes overeenkomen met de extensie Het duurt seconden en vermijdt later een supportticket.
Hoe kun je een WebP openen zonder deze te converteren?
Sleep het in een browservenster Elke huidige browser geeft direct een lokaal .webp-bestand weer, wat de snelste manier is om er een te bekijken op een computer waarvan de afbeeldingsviewer het weigert Vanaf daar kunt u het bekijken, zoomen en afdrukken.
De meeste huidige foto-apps van het besturingssysteem openen ook WebP, dus een dubbelklik kan werken op een up-to-date machine, zelfs als een specifieke editor of kantoorprogramma op dezelfde machine dat niet doet Wanneer een programma waarvan u afhankelijk bent WebP niet kan lezen, controleer dan eerst op een update of een formaatplug-in; als geen van beide bestaat, converteer dan een kopie en bewaar het origineel.
Openen is echter niet hetzelfde als gebruiken Als de afbeelding in een document, een formulier of een e-mail moet gaan, doet de ontvanger' s software er net zo toe als die van jou, en een JPG of PNG neemt die onzekerheid weg.
WebP vs JPG vs PNG vs GIF: hoe vergelijken ze?
WebP overlapt met alle drie de oudere formaten, wat zowel de aantrekkingskracht ervan is als de reden dat het wegconverteren ervan een doelkeuze vereist.
| Attribuut | WEBP | JPG | Great | GIF |
|---|---|---|---|---|
| Specificatie | RFC 9649 | ITU-T T.81 | W3C PNG | GIF89a |
| Compressie | Verlies of verliesvrij | verlies- | zonder verlies | Verliesloosd, 256 kleuren |
| doorzichtigheid | Volledige alfa | niet een | Volledige alfa | Aan of uit per pixel |
| Animatie | ja | heel weinig | Nee (APNG terzijde) | ja |
| Grootte van het fotobestand | Small | Medium | Large | Slechte pasvorm |
| Browserweergave | Alle huidige browsers | Universal | Universal | Universal |
| Desktop-apps en formulieren | Patchy | Universal | Bijna universeel | Universal |
| Beste gebruik | Afbeeldingen op websites serveren | Foto's overal delen | Screenshots, graphics, bewerken | Overal eenvoudige animaties |
De JPEG-specificatie is ITU-T T.81 en PNG wordt gedefinieerd door de W3C PNG specificatie. Het praktische lezen van de tabel: houd WebP op internet en converteer wanneer het bestand ergens heen moet, beschrijven de rechterkolommen.
Naar welk formaat moet u een WebP converteren?
Kies het doel op basis van wat de WebP bevat en waar deze naartoe gaat Transparantie, animatie en bestemming beslissen erover.
| Uw WebP is | Gaan naar | Converteren naar | kwast |
|---|---|---|---|
| Een logo, pictogram of uitsnede met een transparante achtergrond | ergens | Great | WebP naar PNG |
| Een foto | E-mail, formulieren, afdrukken, oudere software | JPG | WebP naar JPG |
| Een animatie | Forums, chat, e-mailhandtekeningen, wiki's | GIF | WebP naar GIF |
| Een of meer afbeeldingen | Een document dat iemand zal afdrukken of archiveren | WebP naar PDF | |
| Een mix van formaten, of een doel dat niet wordt vermeld | Divers | Any | Image Converter |
Voor transparante afbeeldingen kiest u PNG. de WebP naar PNG converter houdt het alfakanaal, dus een logo op een transparante achtergrond blijft transparant PNG is verliesvrij, dus de uitvoer houdt de gedecodeerde pixels precies vast Het is meestal groter dan de WebP, omdat verliesvrije opslag bytes kost.
Voor foto's die overal moeten worden geopend, kiest u JPG. wanneer jij maak van een WebP een JPG, je krijgt het formaat dat elk uploadformulier accepteert JPG heeft geen transparantie, dus elk transparant gebied is gevuld met wit en een opmerking onder het resultaat zegt dat het is gebeurd De schuifregelaar Kwaliteit loopt van 10 tot 100 en begint bij 90.
Kies voor animaties GIF. Een geanimeerde WebP die is opgeslagen uit een reactieclip zal niet worden afgespeeld in veel forumeditors of e-mailhandtekeningen De WebP naar GIF converter schrijft elk frame met zijn oorspronkelijke vertraging en lustelling Het lezen van de frames maakt gebruik van de browser' s ImageDecoder API van de W3C WebCodecs specificatie, die Chrome en Edge vandaag ondersteunen In Firefox en Safari kan alleen het eerste frame worden gelezen, dus de GIF is een still, en de noot onder de rij zegt dat. GIF heeft 256 kleuren per frame, dus gradiënten kunnen banderen en zachte transparante randen worden harde Een frame met een vertraging van minder dan 20 ms wordt geschreven op 100 ms, wat overeenkomt met hoe browsers vertragingen spelen die kort zijn.
Voor documenten kiest u PDF. a Conversie van WebP naar PDF zet één afbeelding op elke pagina, in de getoonde volgorde, in één bestand Aangezien WebP een bron met verlies is, worden afbeeldingen ingesloten als JPEG met een kwaliteit van 92% om de PDF klein te houden, of als PNG wanneer een afbeelding transparantie heeft Pagina's kunnen in de afbeelding passen of A4 of US Letter gebruiken.
Gebruik voor al het andere de Image Converter. Het leest WebP samen met JPG, JFIF, PNG, AVIF, GIF, BMP, ICO, HEIC, TIFF, PSD, SVG, CR2, DNG en PDF, en schrijft JPG, PNG, WebP, GIF, ICO, PDF of SVG, dus een WebP kan een favicon of een getraceerde SVG van dezelfde pagina worden.
Moet je je eigen afbeeldingen converteren naar WebP?
Ja, voor afbeeldingen die je op een website publiceert Afbeeldingen zijn meestal het zwaarste deel van een pagina, en een besparing van 25 tot 34% op foto's compounds over een cataloguspagina met tientallen.voor afbeeldingen e-mail, print of archief, nee: bewaar het originele formaat.
Twee converters behandelen de gemeenschappelijke bronnen Aan JPG foto's converteren naar WebP, begin van het grootste, minst gecomprimeerde origineel dat je hebt Een JPG is al verliesgevend, dus het coderen als WebP is een tweede doorgang, en de kwaliteit waar je vanaf start is het plafond Een instelling van 80 tot 85 is waar de meeste foto's stoppen met het tonen van een zichtbaar verschil op het scherm.
Voor afbeeldingen, screenshots en alles wat transparant is, PNG naar WebP houdt het alfakanaal en snijdt meestal de bestandsgrootte scherp Schermafbeeldingen met kleine gekleurde tekst hebben een hogere kwaliteitsinstelling nodig dan foto's, vanwege de hierboven beschreven chroma-subsampling.
Grootte limieten in WebP zelf doen er in de praktijk zelden toe RFC 9649 sluit een verliesloze WebP af op 16384x16384 pixels, en lossy WebP is beperkt tot een vergelijkbare grootte door VP8, wat veel verder gaat dan elke afbeelding die een webpagina nodig heeft Zeer grote panorama's of print-resolutie scans zijn de enige bestanden die eraan voldoen, en die horen sowieso in een lossless master formaat.
Houd de originelen hoe dan ook De JPG of PNG is uw master copy, en elke toekomstige crop, resize of re-export moet beginnen van het in plaats van van de WebP.
Hoe werkt webp-conversie aan de clientzijde?
Conversie aan de clientzijde betekent dat de afbeelding wordt gedecodeerd en gecodeerd in het browsertabblad, en dat het bestand nooit wordt geüpload. WebP heeft hiervoor geen extra download nodig, omdat elke huidige browser al een WebP-decoder bevat.
- De pagina leest de eerste bytes van elk bestand en controleert op de
RIFF....WEBPhandtekening. Elke paarpagina accepteert alleen zijn eigen bronformaat, dus een PNG die op de WebP-naar-PNG-pagina is gedropt, wordt elders doorverwezen. - De browser decodeert de WebP in pixels.
- De pixels worden naar een canvas getekend en als doel gecodeerd: PNG, JPG of WebP door de browser, GIF door een gebundelde encoder of ingebed in een PDF.
- U downloadt elk bestand, of de batch als ZIP.
Tekenen door een canvas heeft een bijwerking die de moeite waard is om te weten: EXIF-metadata, GPS-coördinaten en kleurprofielen worden niet meegenomen in de uitvoer Voor een afbeelding die op het punt staat openbaar te worden geplaatst, is dat een privacywinst.
Wat zijn de limieten en veelvoorkomende fouten?
Elke limiet produceert een specifiek bericht in de rij ' rij in plaats van een bevroren tabblad.
Afbeeldingen van meer dan 100 megapixels worden geweigerd, omdat het decoderen ervan het tabblad' s geheugen zou kunnen uitputten Er is geen aparte byte-size cap voor WebP, aangezien de browser' s eigen decoder het afhandelt Lege bestanden worden geweigerd.
" Deze browser kon het bestand niet openen" betekent meestal dat het bestand beschadigd of ingekort is, of ondanks de naam helemaal geen WebP is. " Deze browser kan geen WebP-bestanden en quot opslaan; verschijnt alleen bij conversie naar WebP in een browser zonder WebP-encoder; overschakelen naar het huidige Chrome, Edge of Firefox.
Wanneer een geanimeerde WebP naar PNG, JPG of PDF gaat, wordt alleen het eerste frame behouden, omdat die formaten één afbeelding bevatten De WebP-converters schrijven ook alleen nog WebP-bestanden, dus een naar WebP geconverteerde animatie behoudt zijn eerste frame GIF gebruiken om de beweging te behouden.
Per tool geldt een dagelijkse conversielimiet. De tools zijn gratis, geen aanmelding, zonder watermerk.
WebP en de nieuwere formaten
WebP is niet langer de nieuwste optie AVIF, gebaseerd op de AV1-videocodec, produceert vaak weer kleinere bestanden en ondersteunt hogere bitdieptes en HDR, en de huidige browsers geven het ook weer Sites die de <picture> voorbeeld hierboven dienen AVIF eerst en WebP als de fallback De vergelijking van AVIF, WebP en JPG covers wanneer elk de moeite waard is.
Als uw probleem iPhone-foto's zijn in plaats van webdownloads, is het formaat HEIC en de handleiding aan HEIC versus JPG legt uit waarom die bestanden niet openen Elke converter voor beide formaten staat vermeld op de hub voor beeldhulpmiddelen.
