MIME Type por Extensão

O navegador baixou seu arquivo em vez de abrir, ou o CSS chegou como text/plain e a página apareceu sem estilo nenhum. Quase sempre a culpa é do Content-Type que o servidor mandou no cabeçalho. Você digita a extensão, com ponto ou sem, e vê qual MIME type usar. São 36 extensões comuns na tabela: web, imagens, áudio, vídeo, fontes e compactados.

Quando a extensão não está na lista, a resposta é application/octet-stream, que é exatamente o valor que faz o navegador oferecer download em vez de renderizar. Duas convenções merecem nota. A tabela devolve application/javascript para .js, a forma antiga que todo navegador aceita, embora a IANA hoje prefira text/javascript. E devolve image/x-icon para .ico, que é o que se usa na prática, não o registrado image/vnd.microsoft.icon.

MIME sozinho não resolve texto: para HTML, CSS, JS e JSON acrescente charset=utf-8 ao cabeçalho, senão o navegador chuta a codificação e seus acentos viram símbolo. Se você aceita upload, não confie na extensão, porque ela é escolhida por quem envia. Verifique os bytes iniciais do arquivo e sirva com X-Content-Type-Options: nosniff. A consulta é uma tabela fixa dentro da página e nenhum arquivo é enviado.