MIME type của file .svg là gì?
MIME type (kiểu media) của file ảnh SVG có đuôi .svg là image/svg+xml. SVG là văn bản nên gzip/Brotli nén rất hiệu quả. Phục vụ file SVG do người dùng tải lên từ tên miền chính có rủi ro vì SVG có thể chứa script — hãy dùng tên miền riêng hoặc làm sạch file trước khi lưu.
Header Content-Type
Content-Type: image/svg+xml; charset=utf-8
Các kiểu dựa trên văn bản nên có charset để trình duyệt giải mã ký tự đúng.
Cấu hình máy chủ
| Máy chủ | Cấu hình |
|---|---|
Nginx (mime.types hoặc types {}) | image/svg+xml svg; |
Apache (.htaccess) | AddType image/svg+xml .svg |
IIS (web.config) | <mimeMap fileExtension=".svg" mimeType="image/svg+xml" /> |
| Node.js / Express | res.type('svg') hoặc res.setHeader('Content-Type', 'image/svg+xml; charset=utf-8') |
| Amazon S3 | Đặt Content-Type: image/svg+xml trên đối tượng (metadata), hoặc truyền --content-type image/svg+xml vào aws s3 cp |
Có nên nén file .svg không?
Có. Ảnh SVG là văn bản, nên bật gzip hoặc Brotli cho image/svg+xml thường giúp tiết kiệm 50–80 % dung lượng truyền. Hãy đảm bảo danh sách nén của máy chủ có kiểu này — kiểm tra bằng công cụ kiểm tra nén website.
Vì sao MIME type quan trọng
Trình duyệt quyết định cách xử lý phản hồi — hiển thị, thực thi, phát hay tải xuống — dựa trên header Content-Type, không phải đuôi file. Với X-Content-Type-Options: nosniff, kiểu sai khiến stylesheet và script bị chặn hoàn toàn. Với file tải lên, đừng bao giờ tin 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 đuôi 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 .svg là gì?
image/svg+xml.Làm sao đặt Content-Type cho .svg trong Nginx?
image/svg+xml svg; có trong khối types (thường nằm ở /etc/nginx/mime.types) rồi tải lại Nginx.