Qual é o tipo MIME dos arquivos .svg?
O tipo MIME (media type) dos arquivos de imagem SVG com extensão .svg é image/svg+xml. SVG é texto, então gzip/Brotli reduzem bem o tamanho. Servir SVG enviado por usuários a partir do seu domínio principal é arriscado, porque SVG pode conter scripts — use um domínio separado ou higienize os uploads.
Cabeçalho Content-Type
Content-Type: image/svg+xml; charset=utf-8Tipos baseados em texto devem incluir um charset para que o navegador decodifique os caracteres corretamente.
Configuração do servidor
| Servidor | Configuração |
|---|---|
Nginx (mime.types ou 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') ou res.setHeader('Content-Type', 'image/svg+xml; charset=utf-8') |
| Amazon S3 | Defina Content-Type: image/svg+xml no objeto (metadados) ou passe --content-type image/svg+xml para aws s3 cp |
Os arquivos .svg devem ser comprimidos?
Sim. Imagem SVG é texto, então ativar gzip ou Brotli para image/svg+xml normalmente economiza 50–80% do tamanho transferido. Confira se a lista de compressão do seu servidor inclui esse tipo — verifique com o teste de compressão de sites.
Por que o tipo MIME importa
Os navegadores decidem o que fazer com uma resposta — renderizar, executar, reproduzir ou baixar — pelo cabeçalho Content-Type, não pela extensão do arquivo. Com X-Content-Type-Options: nosniff, um tipo errado faz folhas de estilo e scripts serem bloqueados. Em uploads, nunca confie no tipo enviado pelo cliente; verifique o conteúdo do arquivo (seus magic bytes) no servidor.
Consulta de tipos MIME
Pesquise todas as extensões de arquivo e tipos MIME comuns, com cabeçalhos Content-Type prontos para copiar.
Perguntas frequentes
Qual é o tipo MIME do .svg?
image/svg+xml.Como definir o Content-Type de .svg no Nginx?
image/svg+xml svg; está listado no bloco types (geralmente em /etc/nginx/mime.types) e recarregue o Nginx.