JPG to WebP Converter
JPG to WebP Converter
Konvertiere Deine JPG und PNG Bilder mit unserem Converter in WebP und AVIF!
Zugang prüfen
Ohne API-Key: 1 Bild pro Durchgang, maximal 1 MB und feste Qualität 60.
- Bis zu 100 Bilder pro Upload
- Bis 5 MB pro Bild
- WebP oder AVIF als Zielformat
- AVIF ist oft ca. 30% kleiner als WebP
- Kompression flexibel per Slider einstellen
Go Pro?
Mehr Credits benötigt?Kauf, Zahlung und Freischaltung laufen automatisch. Nach erfolgreicher Zahlung sind deine Credits sofort nutzbar.
Bilder hochladen
JPG und PNG, 1 Bild pro Durchgang, maximal 1 MB.
Vorteile von WebP Bildern
WebP Bilder verbrauchen bei gleicher Qualität deutlich weniger Speicherplatz. Das ist nicht nur für Deine SEO gut, sondern auch für Deine Webseitenbesucher.
Wenn Du mit unserem JPG to WebP Converter Deine Bilder komprimierst, müssen Deine User weniger (mobile)-Daten transferieren und Deine Webseite lädt schneller.
Mit unserem JPG WebP converter kannst Du kostenfrei so viele Bilder wie du magst konvertieren!
WebP-Bilder professionell einbinden lassen
Wir unterstützen Sie nicht nur bei der WebP-Konvertierung, sondern übernehmen auf Wunsch auch die Optimierung und Einbindung Ihrer Bilder in Ihre Website oder Ihren Onlineshop.
So profitieren Sie von kleineren Bilddateien, schnelleren Ladezeiten und einer sauberen technischen Integration, auch wenn Sie die Umsetzung nicht selbst übernehmen möchten.
Optimiere Deine Ladezeit und SEO
WebP-Bilder ermöglichen deutlich kleinere Dateigrößen als JPG oder PNG, ohne dass die Bildqualität sichtbar leiden muss. Dadurch können Bilder je nach Ausgangsdatei oft rund 25 bis 34 Prozent effizienter gespeichert werden. Aus einer Datei mit bisher 100 kB werden so häufig nur noch etwa 66 bis 75 kB.
Der große Vorteil: Webseiten und Onlineshops laden spürbar schneller, wenn optimierte WebP-Bilder eingesetzt werden. Kürzere Ladezeiten verbessern nicht nur die Nutzererfahrung, sondern können sich auch positiv auf die Sichtbarkeit in Suchmaschinen auswirken. Eine technisch optimierte Website schafft damit bessere Voraussetzungen für Performance, Benutzerfreundlichkeit und SEO.
JPG und WebP im Vergleich
Erkennst Du einen Unterschied?
WebP Bilder in HTML Seite einbinden
Deine JPG oder PNG Bilder die Du mit unserem WebP Converter umgewandelt hast, müssen korrekt in Deine Webseite eingebunden werden, damit Deine Webseitenbesucher diese auch sehen können. Obwohl das moderne WebP Format bereits von sehr vielen Browsern unterstüzt wird, solltest Du immer eine Fallback Lösung für ältere Browser Versionen bereitstellen.
Integration:
<picture>
<source srcset=“dein_bild.webp“ type=“image/webp“>
<img alt=“WebP Bilder in HTML integrieren“ src=“dein_bild.jpg“/>
</picture>
Auf diese Weise können moderne Browser das WebP Bild ausliefern und ältere Browser greifen auf die Fallback Lösung, dass JPG Bild zurück. Wenn Du nur das WebP Bild einbindest, bekommen Besucher mit älteren Geräten womöglich gar kein Bild angezeigt.
WebP CSS Hintergrundbilder einbinden
Idealerweise komprimierst Du Deine Bilder die Du innerhalb Deiner CSS (Stylesheet) Datei einbindest, ebenso mit unserem JPG to WebP Converter.
Leider gibt es derzeit keine zuverlässig Methode um das direkt in der CSS-Datei zu erledigen, daher müssen wir auf etwas Javascript zurückgreifen.
Integration:
// Solltest du jQuery bereits in Deiner Webseite eingebunden haben, musst Du es nicht erneut einbinden!
// Wir prüfen ob der Browser WebP Bilder unterstützt und setzen das Hintergrundbild per jQuery.
var webpData = ‚data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';
$.get( webpData, function() ).done(function() ).fail(function() )
Auf diese Weise kannst du alle Deine CSS JPG & PNG Hintergrundbilder als WebP Bild ausliefern und eine Menge Daten sparen.
WebP Bilder über die htaccess Datei bereitstellen
Bitte pass gut auf wenn Du Deine .htaccess Datei bearbeitest. Ein kleiner Fehler kann bereits dazu führen, dass Deine komplette Webseite nicht mehr funktioniert.
Wenn Du eine umfangreiche Webseite oder einen Onlineshop mit vielen Bildern hast, ist es viel Arbeit jedes Bild einzeln als WebP Bild bereit zu stellen.
Du kannst mit einer globalen Regel in Deiner .htaccess Datei dafür sorgen, dass alle Deine Bilder (falls verfügbar) automatisch als WebP Bild ausgeliefert werden.
Das Script prüft zuerst ob der Browser WebP Bilder akzeptiert und anzeigen kann und liefert dann entsprechend dem Ergebnis entweder das WebP Bild oder das normale JPG/PNG Bild aus.
Das folgende Script gehört in Deine .htaccess Datei in Deinem Projekt:
Integration:
RewriteEngine on
#Prüfe ob WebP Bilder angezeigt werden können und das entsprechende WebP Bild verfügbar ist.
RewriteCond % image/webp
RewriteCond %.webp -f
RewriteRule .(jpe?g|png)$ %.webp [NC,L]AddType image/webp .webp
Wichtig: Das Script sucht das WebP Bild jeweils mit dem gleichen Namen des Quellbildes und der Endung „.webp". Du musst dafür sorgen, dass neben jedem JPG/PNG Bild eine Variante als WebP Bild verfügbar ist. Dafür wandelst Du einfach alle Deine Bilder mit unserem JPG to WebP Converter um und lädst diese anschließend neben das original Bild auf Deinen Server hoch.
Beispiel:
So sollten die Bilder auf Deinem Server bereitstehen: „bild_1.jpg" und „bild_1.jpg.webp"
Hinweis: Es müssen nicht alle Bilder als WebP Bild verfügbar sein. Das Script erkennt ob ein WebP Bild verfügbar ist und liefert im Notfall das JPG/PNG Bild aus.
