Tipe MIME .webp: image/webp

File berakhiran .webp (gambar WebP) menggunakan tipe MIME image/webp.

Diperbarui

image/webp
Tipe MIME untuk .webp
Gambar
Kategori
Tidak
Kompres dengan gzip/Brotli

Apa tipe MIME file .webp?

Tipe MIME (media type) untuk file gambar WebP dengan ekstensi .webp adalah image/webp. Didukung oleh semua browser modern. Gunakan <picture> bersama type="image/webp" jika kamu masih membutuhkan fallback JPEG/PNG.

Header Content-Type

Content-Type: image/webp

Konfigurasi server

ServerKonfigurasi
Nginx (mime.types atau types {})image/webp webp;
Apache (.htaccess)AddType image/webp .webp
IIS (web.config)<mimeMap fileExtension=".webp" mimeType="image/webp" />
Node.js / Expressres.type('webp') atau res.setHeader('Content-Type', 'image/webp')
Amazon S3Atur Content-Type: image/webp pada objek (metadata), atau berikan --content-type image/webp ke aws s3 cp

Apakah file .webp perlu dikompres?

Tidak. File gambar WebP sudah terkompresi secara internal, jadi gzip atau Brotli hanya membuang CPU dan hampir tidak mengurangi ukuran — kadang malah membesarkannya. Jangan masukkan image/webp ke dalam konfigurasi kompresi kamu.

Mengapa tipe MIME penting

Browser memutuskan apa yang harus dilakukan dengan sebuah respons — menampilkan, menjalankan, memutar, atau mengunduhnya — berdasarkan header Content-Type, bukan ekstensi file. Dengan X-Content-Type-Options: nosniff, tipe yang salah membuat stylesheet dan script langsung diblokir. Untuk unggahan, jangan pernah percaya tipe yang dikirim klien; periksa isi file (magic bytes-nya) di server.

Pertanyaan yang sering diajukan

Apa tipe MIME untuk .webp?
image/webp.
Bagaimana cara mengatur Content-Type untuk .webp di Nginx?
Pastikan image/webp webp; sudah ada di blok types (biasanya di /etc/nginx/mime.types), lalu muat ulang Nginx.
Apakah file .webp perlu di-gzip?
Tidak — formatnya sudah terkompresi, jadi kompresi HTTP tidak memberi manfaat.