Welchen MIME-Typ haben .webp-Dateien?
Der MIME-Typ (Medientyp) für WebP-Bild-Dateien mit der Endung .webp lautet image/webp. Wird von allen aktuellen Browsern unterstützt. Verwende <picture> zusammen mit type="image/webp", falls du noch einen JPEG/PNG-Fallback brauchst.
Content-Type-Header
Content-Type: image/webp
Serverkonfiguration
| Server | Konfiguration |
|---|---|
Nginx (mime.types oder types {}) | image/webp webp; |
Apache (.htaccess) | AddType image/webp .webp |
IIS (web.config) | <mimeMap fileExtension=".webp" mimeType="image/webp" /> |
| Node.js / Express | res.type('webp') oder res.setHeader('Content-Type', 'image/webp') |
| Amazon S3 | Setze Content-Type: image/webp am Objekt (Metadaten) oder übergib --content-type image/webp an aws s3 cp |
Sollten .webp-Dateien komprimiert werden?
Nein. WebP-Bilddateien sind intern bereits komprimiert. gzip oder Brotli würde daher Rechenleistung verschwenden und die Größe kaum verringern, manchmal sogar erhöhen. Lass image/webp aus deiner Kompressionskonfiguration heraus.
Warum der MIME-Typ wichtig ist
Browser entscheiden anhand des Content-Type-Headers, nicht anhand der Dateiendung, ob eine Antwort dargestellt, ausgeführt, abgespielt oder heruntergeladen wird. Bei X-Content-Type-Options: nosniff führt ein falscher Typ dazu, dass Stylesheets und Skripte komplett blockiert werden. Bei Uploads vertraue dem vom Client gesendeten Typ niemals; prüfe stattdessen den Inhalt der Datei (ihre Magic Bytes) auf dem Server.
MIME-Typ nachschlagen
Durchsuche alle gängigen Dateiendungen und MIME-Typen, mit kopierfertigen Content-Type-Headern.
Häufige Fragen
Wie lautet der MIME-Typ für .webp?
image/webp.Wie setze ich den Content-Type für .webp in Nginx?
image/webp webp; im Block types steht (meist in /etc/nginx/mime.types), und lade Nginx neu.