Sie klicken mit der rechten Maustaste auf ein Produktfoto, wählen Bild speichern unter und die Datei landet in Ihrem Download-Ordner als photo.webpDie Seite zeigte ein gewöhnliches Bild Die URL endete möglicherweise sogar in .jpg. Dann versucht man, es in ein Diadeck zu fallen, es an ein Formular anzuhängen oder es in einem älteren Bildbetrachter zu öffnen, und es wird abgelehnt.
Beim Download ist nichts schief gelaufen Die Webseite hat dir ein WebP geschickt, denn WebP ist kleiner als das JPG oder PNG, das es ersetzt hat und jeder aktuelle Browser zeigt es an Die Reibung erscheint nur, wenn die Datei den Browser verlässt In diesem Handbuch wird erklärt, was WebP ist, warum so viele gespeicherte Bilder in diesem Format ankommen, wo es immer noch fehlschlägt, und wie man es in etwas umwandelt, was das nächste Programm akzeptiert, oder eigene Bilder darin umwandelt.
tl; dr: WebP ist ein Bildformat von Google, spezifiziert in RFC 9649, das verlustbehaftete und verlustfreie Komprimierung, Transparenz und Animation in einem Dateityp unterstützt Webseiten bedienen es, weil es kleiner als JPG und PNG ist, so gibt Save Image As Ihnen oft ein .webp, auch wenn die Seiten-URL sagt .jpg Jeder aktuelle Browser zeigt WebP an, aber einige Desktop-Apps, E-Mail-Clients und Upload-Formulare lehnen es immer noch ab Konvertieren mit WebP nach PNG Um Transparenz zu wahren, WebP zu JPG für die breiteste Unterstützung, WebP zu GIF für Animation oder WebP zu PDF für Dokumente Alle laufen clientseitig, nichts hochgeladen, kostenlos, keine Anmeldung.
Was ist WebP?
WebP ist ein Rasterbildformat, das Google 2010 herausgebracht hat, um Bilder auf Webseiten kleiner zu machen Es wird jetzt von der IETF als dokumentiert RFC 9649, WebP-Bildformat2024 veröffentlichten Der RFC beschreibt einen Container mit zwei Komprimierungsmethoden, plus optionaler Transparenz und Animation, sodass ein einziges Format die Jobs abdeckt, die JPEG, PNG und GIF auf diese aufteilen.
Die Datei ist ein RIFF-Container, die gleiche gestrichelte Struktur, die auch WAV-Audio verwendet. Die ersten zwölf Bytes sagen es:
$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250 RIFF:...WEBP
RIFFDann vier Bytes Länge WEBP. Im Inneren befinden sich Brocken: VP8 Bei verlustbehafteten Bilddaten, bei VP8L Für verlustfrei ALPH Für einen Transparenzkanal und ANIM und ANMF Für Animation. Tools, die Dateien anhand ihrer Bytes identifizieren, einschließlich der Toolz-Konverter, suchen genau nach dieser Signatur, weshalb ein WebP mit einem gespeichert wurde .jpg Name wird weiterhin als WebP erkannt.
Wie komprimiert WebP Bilder?
WebP verfügt über zwei separate Komprimierungsmethoden, und welche eine Datei verwendet, ändert, wofür sie gut ist.
Verlustbehaftetes WebP Basiert auf der Keyframe-Kodierung des VP8-Video-Codecs Der Encoder teilt das Bild in Blöcke auf, sagt jeden Block aus bereits codierten Pixeln voraus und speichert den Unterschied je nach Qualitätseinstellung mit gröberer oder feinerer Rundung, speichert auch Farbe auf halber Breite und halber Helligkeitshöhe, eine Technik namens Chroma-Subsampling Augen reagieren weniger empfindlich auf Farbdetails als auf Hell und Dunkel, daher verbergen Fotografien dies gut Dünne farbige Linien und kleiner roter Text auf flachem Hintergrund tun dies nicht und können weiche Fransen aufnehmen.
Verlustfreies WebP Ist ein ganz anderer Algorithmus Er gibt jedes Pixel exakt wieder, mit Hilfe von prädiktiven Transformationen, einem Farbcache und Rückverweisen im LZ77-Stil, und er konkurriert mit PNG statt mit JPEG.
Für Transparenz kann jede Art einen Alphakanal tragen. Lossy WebP mit Alpha ist die Kombination, die PNG nicht bieten kann: ein fotografischer Ausschnitt mit einer weichen transparenten Kante in einer kleinen Datei.
Google's veröffentlichte Zahlen, auf seiner WebP-Übersichtsseite26% kleineres als PNG und verlustbehaftetes WebP 25 bis 34% kleiner als vergleichbares JPEG bei gleichwertiger SSIM-Qualität setzen, das sind Mittelwerte über Testsätze Ein gegebenes Bild kann mehr oder weniger sparen, und ein bereits stark komprimiertes JPEG spart oft wenig.
Warum kommen gespeicherte Bilder als.webp heraus?
Gespeicherte Bilder erscheinen als .webp, weil der Server WebP an Ihren Browser gesendet hat und Save Image As behält, welche Bytes geliefert wurden. Es gibt drei gängige Methoden, die passieren.
Inhaltsverhandlung. Jede Bildanfrage, die Ihr Browser stellt, trägt eine Accept Header mit der Auflistung der Formate, die es anzeigen kann HTTP-Inhaltsverhandlung, definiert in RFC 9110Lassen Sie den Server eine Darstellung basierend auf diesem Header auswählen. Bild-CDNs und viele Hosting-Plattformen lesen es und geben WebP oder AVIF an Browser zurück, die sie akzeptieren, während ältere Clients JPEG von derselben URL erhalten:
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
Die URL endet in .jpg. Die Antwort ist WebP. Wenn Sie es speichern, benennt der Browser die Datei aus dem Inhaltstyp, sodass Sie erhalten .webpdrohen
der <picture> Element Websites, die nicht auf dem Server verhandeln, können mehrere Formate im Markup anbieten, und der Browser wählt das erste aus, das er unterstützt, und folgt dem WHATWG HTML picture Element Regeln:
<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>
Rohrleitungen bauen. Site-Builder, WordPress-Optimierungs-Plugins und Frameworks mit Bildkomponenten konvertieren Uploads automatisch in WebP. Der Site-Inhaber hat ein JPG hochgeladen und sieht das WebP, das der Besucher erhält, nie.
In allen drei Fällen macht die Seite das, was Performance Audits empfehlen Das WebP ist die kleinere, korrekte Datei zur Darstellung Es ist einfach die falsche Datei für ein Programm, dem nie beigebracht wurde, es zu lesen.
Welche Browser und Apps unterstützen WebP?
Jeder aktuelle Browser zeigt WebP an Chrome und Edge unterstützen es seit Jahren, Firefox hat es in Version 65 hinzugefügt, und Safari hat es in Version 14 hinzugefügt, was iPhones und iPads mitbrachte Im Web ist Kompatibilität kein Grund mehr, es zu vermeiden.
Außerhalb des Browsers ist der Support ungleichmäßig Einige ältere Bildbetrachter, ältere Office-Suiten, E-Mail-Clients, Druckdienste und Upload-Formulare öffnen sich entweder nicht.webp oder verweigern es bei der Extension-Prüfung Betriebssystem-Foto-Apps haben meist aufgeholt, ein gemeinsamer Arbeitscomputer oder eine Line-of-Business-Software jedoch möglicherweise nicht.
WebP zu speichern ist weniger universell als es anzuzeigen Die Toolz-Konverter, die WebP schreiben, verwenden den eigenen Browser' Encoder durch eine Leinwand Aktueller Chrome, Edge und Firefox können WebP so schreiben Safari konnte WebP schon lange anzeigen, aber nicht immer speichern, und wenn ein Browser WebP nicht kodieren kann, zeigt der Konverter einen Fehler an, der dies sagt, anstatt ein PNG mit einem zurückzugeben .webp Name.
Warum funktioniert & #39;t das Umbenennen eines .webp in.jpg?
Das Umbenennen einer Datei ändert ihre Bezeichnung, nicht ihren Inhalt Ein WebP wurde umbenannt in holiday.jpg Beginnt noch mit RIFF und WEBP, und hält immer noch VP8 oder VP8 L Daten Einige Programme schauen nur auf die Erweiterung, versuchen die Datei als JPEG zu lesen, finden Sie keine FF D8 FF Markieren Sie am Anfang und melden Sie die Datei als beschädigt. Andere schnüffeln an den Bytes, bemerken, dass es sich um WebP handelt, und öffnen es entweder trotzdem oder lehnen es mit einer klareren Nachricht ab.
Hochladen von Formularen sind der schlimmste Fall Ein Formular, das nur die Erweiterung überprüft, akzeptiert die umbenannte Datei, und dann erstickt die Bildbibliothek von server' s daran, oder das Bild erscheint auf der fertigen Auflistungs - oder Profilseite defekt Ein Formular, das die Bytes prüft, lehnt es rundweg abKein Ergebnis ist das, was Sie wollten, und beide sind schwerer zu diagnostizieren als die ursprüngliche Ablehnung.
Eine echte Konvertierung ist der einzig zuverlässige Fix, denn sie dekodiert das WebP in Pixel und schreibt eine neue Datei, deren Bytes mit ihrer Extension übereinstimmen, sie dauert Sekunden und vermeidet später ein Support-Ticket.
Wie kann man ein WebP öffnen, ohne es zu konvertieren?
Ziehen Sie es in ein Browserfenster Jeder aktuelle Browser zeigt direkt eine lokale.webp-Datei an, was die schnellste Möglichkeit ist, eine auf einem Computer anzusehen, dessen Bildbetrachter es ablehnt Von dort aus können Sie es ansehen, zoomen und ausdrucken.
Die meisten aktuellen Betriebssystem-Foto-Apps öffnen auch WebP, sodass ein Doppelklick auf einem aktuellen Computer funktionieren kann, selbst wenn ein bestimmter Editor oder ein bestimmtes Büroprogramm auf demselben Computer dies nicht tut. Wenn ein Programm, auf das Sie angewiesen sind, WebP nicht lesen kann, suchen Sie zuerst nach einem Update oder einem Format-Plugin; Wenn keines davon existiert, konvertieren Sie eine Kopie und behalten Sie das Original.
Das Öffnen ist jedoch nicht dasselbe wie die Verwendung. Wenn das Bild in ein Dokument, ein Formular oder eine E-Mail eingegeben werden muss, ist die Software des Empfängers's genauso wichtig wie Ihre, und ein JPG oder PNG beseitigt diese Unsicherheit.
WebP vs. JPG vs. PNG vs. GIF: Wie vergleichen sie sich?
WebP überschneidet sich mit allen drei älteren Formaten, was sowohl seine Attraktivität als auch der Grund dafür ist, dass die Konvertierung weg von ihm eine Zielwahl erfordert.
| Attribut | WebP | JPG | PNG | GIF |
|---|---|---|---|---|
| Spezifikation | RFC 9649 | ITU-T T.81 | W3 C PNG | GIF89a |
| Kompression | Verlustbehaftet oder verlustfrei | schlaff | verlustlos | Verlustfrei, 256 Farben |
| Transparenz | Volles Alpha | keine | Volles Alpha | Ein oder aus pro Pixel |
| Animation | ja | kein | Nein (APNG beiseite) | ja |
| Fotodateigröße | Klein | Mittel | Groß | Schlechte Passform |
| Browseranzeige | Alle aktuellen Browser | Universell | Universell | Universell |
| Desktop-Apps und Formulare | Patchy | Universell | Nahezu universell | Universell |
| Beste Verwendung | Servieren von Bildern auf Websites | Fotos überall teilen | Screenshots, Grafiken, Bearbeitung | Überall einfache Animationen |
Die JPEG-Spezifikation ist ITU-T T.81 und PNG wird definiert durch die W3 C PNG Spezifikation. Das praktische Lesen der Tabelle: Halten Sie WebP im Internet und konvertieren Sie, wenn die Datei irgendwo hingehen muss, wie die rechten Spalten beschreiben.
In welches Format sollte man ein WebP konvertieren?
Wählen Sie das Ziel danach, was das WebP enthält und wohin es geht Transparenz, Animation und Ziel entscheiden darüber.
| Ihr WebP ist | Hingehen auf | Konvertieren zu | Werkzeug |
|---|---|---|---|
| Ein Logo, Symbol oder Ausschnitt mit transparentem Hintergrund | irgendwohin | PNG | WebP nach PNG |
| Ein Foto | E-Mail, Formulare, Druck, ältere Software | JPG | WebP zu JPG |
| Eine Animation | Foren, Chat, E-Mail-Signaturen, Wikis | GIF | WebP zu GIF |
| Ein oder mehrere Bilder | Ein Dokument, das jemand ausdrucken oder ablegen wird | WebP zu PDF | |
| Eine Mischung aus Formaten oder ein nicht aufgeführtes Ziel | Verschiedene | Irgendwelche | Bildkonverter |
Für transparente Bilder wählen Sie PNG. der WebP-zu-PNG-Konverter Alphakanal behält, so bleibt ein Logo auf transparentem Hintergrund transparent PNG ist verlustfrei, so dass die Ausgabe die dekodierten Pixel exakt hält, sie ist meist größer als das WebP, denn verlustfreier Speicher kostet Bytes.
Für Fotos, die sich überall öffnen müssen, wählen Sie JPG. Wenn du Ein WebP in ein JPG verwandeln, man bekommt das Format, das jedes Upload-Formular akzeptiert JPG hat keine Transparenz, also ist jeder transparente Bereich mit Weiß gefüllt und eine Notiz unter dem Ergebnis sagt, dass es passiert ist Der Quality-Slider läuft von 10 bis 100 und beginnt bei 90.
Für Animationen wählen Sie GIF. Ein animiertes WebP, das aus einem Reaktionsclip gespeichert wurde, wird in vielen Foreneditoren oder E-Mail-Signaturen nicht abgespielt Die WebP-zu-GIF-Konverter Schreibt jedes Frame mit seiner ursprünglichen Verzögerung und Schleifenanzahl Das Lesen der Frames nutzt den Browser' s ImageDecoder API aus dem W3 C WebCodecs Spezifikation(die Chrome und Edge heute unterstützen In Firefox und Safari kann nur der erste Frame gelesen werden, also ist das GIF ein Standbild, und der Hinweis unter der Zeile sagt es GIF hat 256 Farben pro Frame, also können sich Gradienten binden, und weiche transparente Kanten werden zu harten Ein Frame mit einer Verzögerung unter 20 ms wird mit 100 ms geschrieben, was dazu passt, wie Browser so kurze Verzögerungen abspielen.
Für Dokumente wählen Sie PDF. ein WebP-zu-PDF-Konvertierung Legt ein Bild auf jede Seite, in der angezeigten Reihenfolge, in eine einzige Datei, da WebP eine verlustbehaftete Quelle ist, werden Bilder als JPEG mit 92% Qualität eingebettet, um das PDF klein zu halten, oder als PNG, wenn ein Bild Transparenz hat, Seiten können zum Bild passen oder A4 oder US Letter verwenden.
Für alles andere nutzen Sie die Bildkonverterdrohen Es liest WebP zusammen mit JPG, JFIF, PNG, AVIF, GIF, BMP, ICO, HEIC, TIFF, PSD, SVG, CR2, DNG und PDF und schreibt JPG, PNG, WebP, GIF, ICO, PDF oder SVG. So kann ein WebP von derselben Seite aus zu einem Favicon oder einem nachgezeichneten SVG werden.
Sollten Sie Ihre eigenen Bilder in WebP konvertieren?
Ja, für Bilder, die Sie auf einer Website veröffentlichen Bilder sind normalerweise der schwerste Teil einer Seite, und eine 25 bis 34% Ersparnis auf Fotos Compounds auf einer Katalogseite mit Dutzenden von ihnen Für Bilder, die Sie mailen, drucken oder archivieren, nein: behalten Sie das Originalformat.
Zwei Konverter bearbeiten die gemeinsamen Quellen. Zu JPG-Fotos in WebP konvertieren, beginnen Sie mit dem größten, am wenigsten komprimierten Original, das Sie haben Ein JPG ist bereits verlustbehaftet, also ist die Kodierung als WebP ein zweiter Durchgang, und die Qualität, von der Sie ausgehen, ist die Decke Eine Einstellung von 80 bis 85 ist, wo die meisten Fotos aufhören, einen sichtbaren Unterschied auf dem Bildschirm zu zeigen.
Für Grafiken, Screenshots und alles, was transparent ist, PNG zu WebP Alphakanal behält und die Dateigröße meist stark schneidet Screenshots mit kleinem farbigen Text benötigen eine höhere Qualitätseinstellung als Fotos, wegen der oben beschriebenen Chroma-Subsampling.
Größenbeschränkungen im WebP selbst spielen in der Praxis selten eine Rolle. RFC 9649 kappt ein verlustfreies WebP auf 16384x16384 Pixel, und verlustbehaftetes WebP wird von VP8 auf eine ähnliche Größe beschränkt, was weit über jedes Bild hinausgeht, das eine Webseite benötigt Sehr große Panoramen oder Scans mit Druckauflösung sind die einzigen Dateien, die es erfüllen, und diese gehören ohnehin in ein verlustfreies Masterformat.
Behalten Sie die Originale so oder so bei Das JPG oder PNG ist Ihre Masterkopie, und jede zukünftige Ernte, Größenänderung oder Wiederausfuhr sollte davon und nicht vom WebP ausgehen.
Wie funktioniert die clientseitige WebP-Konvertierung?
Clientseitige Konvertierung bedeutet, dass das Bild im Browser-Tab dekodiert und kodiert wird und die Datei nie hochgeladen wird. WebP benötigt hierfür keinen zusätzlichen Download, da jeder aktuelle Browser bereits einen WebP-Decoder enthält.
- Die Seite liest die ersten Bytes jeder Datei und prüft nach dem
RIFF....WEBPSignatur. Jede Paarseite akzeptiert nur ihr eigenes Quellformat, daher wird ein auf der WebP-zu-PNG-Seite verworfenes PNG an eine andere Stelle verwiesen. - Der Browser dekodiert das WebP in Pixel.
- Die Pixel werden auf eine Leinwand gezeichnet und als Ziel kodiert: PNG, JPG oder WebP durch den Browser, GIF durch einen gebündelten Encoder oder eingebettet in ein PDF.
- Sie laden jede Datei oder den Stapel als Postleitzahl herunter.
Das Zeichnen durch eine Leinwand hat einen wissenswerten Nebeneffekt: EXIF-Metadaten, GPS-Koordinaten und Farbprofile werden nicht in die Ausgabe mitgenommen, für ein Bild, das kurz vor der öffentlichen Veröffentlichung steht, ist das ein Datenschutzgewinn.
Was sind die Grenzen und häufige Fehler?
Jedes Limit erzeugt eine bestimmte Nachricht in der Datei's-Zeile und nicht eine eingefrorene Registerkarte.
Bilder über 100 Megapixel werden abgelehnt, da deren Dekodierung den Speicher von tab's erschöpfen könnte. Für WebP gibt es keine separate Byte-Size-Obergrenze, da der Browser's-eigener Decoder damit umgeht. Leere Dateien werden abgelehnt.
" Dieser Browser konnte die Datei nicht öffnen" bedeutet normalerweise, dass die Datei beschädigt oder gekürzt ist oder trotz ihres Namens überhaupt kein WebP ist. " Dieser Browser kann WebP-Dateien nicht speichern" erscheint nur bei der Konvertierung in WebP in einem Browser ohne WebP-Encoder; Wechseln Sie zu aktuellem Chrome, Edge oder Firefox.
Wenn ein animiertes WebP auf PNG, JPG oder PDF geht, wird nur der erste Frame beibehalten, da diese Formate ein einzelnes Bild enthalten. Die WebP-Konverter schreiben auch nur Standbilddateien, sodass eine in WebP konvertierte Animation ihren ersten Frame behält Verwenden Sie GIF, um die Bewegung beizubehalten.
Pro Tool gilt ein tägliches Conversion Limit Die Tools sind kostenlos, kein Signup, ohne Wasserzeichen.
WebP und die neueren Formate
WebP ist nicht mehr die neueste Option AVIF, basierend auf dem AV1-Videocodec, produziert oft wieder kleinere Dateien und unterstützt höhere Bit-Tiefen und HDR, aktuelle Browser zeigen es auch an Seiten, die die <picture> Beispiel oben dienen AVIF zuerst und WebP als Fallback Der Vergleich von AVIF, WebP und JPG Abdeckungen, wenn sich jeder einzelne lohnt.
Wenn Ihr Problem eher iPhone-Fotos als Web-Downloads sind, lautet das Format HEIC und die Anleitung weiter HEIC gegen JPG Erklärt, warum sich diese Dateien nicht öffnen Jeder Konverter für beide Formate ist auf der Bildwerkzeuge Hubdrohen
