MIME type của file .webp là gì?
MIME type (media type) của file ảnh WebP có phần mở rộng .webp là image/webp. Được hỗ trợ bởi tất cả các trình duyệt hiện nay. Hãy dùng <picture> cùng với type="image/webp" nếu bạn vẫn cần phương án dự phòng JPEG/PNG.
Header Content-Type
Content-Type: image/webpCấu hình máy chủ
| Máy chủ | Cấu hình |
|---|---|
Nginx (mime.types hoặc 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') hoặc res.setHeader('Content-Type', 'image/webp') |
| Amazon S3 | Đặt Content-Type: image/webp cho đối tượng (metadata), hoặc truyền --content-type image/webp vào aws s3 cp |
File .webp có nên được nén không?
Không. File ảnh WebP vốn đã được nén sẵn bên trong, nên gzip hay Brotli sẽ lãng phí CPU và hầu như không giảm được dung lượng — đôi khi còn làm tăng. Hãy loại image/webp khỏi cấu hình nén của bạn.
Vì sao MIME type quan trọng
Trình duyệt quyết định sẽ làm gì với một phản hồi — hiển thị, thực thi, phát hay tải xuống — dựa trên header Content-Type, chứ không phải phần mở rộng của file. Với X-Content-Type-Options: nosniff, một kiểu sai sẽ khiến stylesheet và script bị chặn hoàn toàn. Với file tải lên, đừng bao giờ tin vào kiểu do client gửi; hãy kiểm tra nội dung file (magic bytes) ở phía máy chủ.
Tra cứu MIME type
Tìm kiếm mọi phần mở rộng file và MIME type phổ biến, kèm header Content-Type sẵn sàng để sao chép.
Câu hỏi thường gặp
MIME type của .webp là gì?
image/webp.Làm sao để đặt Content-Type cho .webp trong Nginx?
image/webp webp; có trong khối types (thường nằm ở /etc/nginx/mime.types) rồi tải lại Nginx.