MIME Type của .svg: image/svg+xml

File có đuôi .svg (ảnh SVG) sử dụng MIME type image/svg+xml.

Cập nhật

image/svg+xml
MIME type của .svg
Hình ảnh
Danh mục
Có
Nén bằng gzip/Brotli

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 / Expressres.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ủ.

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?
Đảm bảo image/svg+xml svg; có trong khối types (thường nằm ở /etc/nginx/mime.types) rồi tải lại Nginx.
Có nên gzip file .svg không?
Có — định dạng này nén rất tốt, nên hãy thêm kiểu này vào cấu hình gzip/Brotli.