Quais realmente importam?

Aqueles em que o navegador se recusa a agir quando estão errados. Um SVG servido como text/plain não renderiza. Um módulo WebAssembly servido como qualquer coisa que não seja application/wasm não pode ser transmitido em fluxo. Um arquivo de legenda .vtt com o tipo errado não carrega e não avisa.

É text/javascript ou application/javascript?

text/javascript. application/javascript foi a recomendação por anos e hoje está obsoleto, mas os dois funcionam em toda parte e você vai continuar vendo o antigo.

Devo acrescentar charset=utf-8?

Em text/html e text/plain, sim. Em application/json, não: JSON é UTF-8 por definição e um parâmetro charset ali não significa nada, embora seja inofensivo.

O que é application/octet-stream?

“Uns bytes, e eu não vou dizer quais.” É a resposta certa quando você genuinamente não sabe, e faz o navegador baixar em vez de exibir.

Alguma coisa é enviada para um servidor?

Não. Roda no navegador, então o que você digitar fica no seu computador.

Tipos MIME

O que pôr no Content-Type e o que acontece quando está errado.

Os exemplos substituem temporariamente os dados e as configurações. Você pode restaurar seu trabalho anterior.

Entrada0 caracteres

tipos: 50

Resultado

html htm  text/html
            Uma página web. Sempre com charset=utf-8.
css       text/css
js mjs    text/javascript
            application/javascript está obsoleto, mas ainda é servido em toda parte.
json      application/json
            Sem parâmetro charset: JSON é UTF-8 por definição.
xml       application/xml
            text/xml também é registrado e significa o mesmo para os navegadores.
txt       text/plain
csv       text/csv
md        text/markdown
yaml yml  application/yaml
            Registrado em 2024; servidores mais antigos enviam text/yaml.
pdf       application/pdf
zip       application/zip
gz        application/gzip
tar       application/x-tar
7z        application/x-7z-compressed
rar       application/vnd.rar
png       image/png
jpg jpeg  image/jpeg
            O tipo é jpeg mesmo quando a extensão é jpg.
gif       image/gif
webp      image/webp
avif      image/avif
svg       image/svg+xml
            Servido com outro tipo, o navegador não o exibe.
ico       image/x-icon
            O registrado é image/vnd.microsoft.icon; os dois funcionam.
bmp       image/bmp
tif tiff  image/tiff
heic      image/heic
mp4 m4v   video/mp4
webm      video/webm
mov       video/quicktime
mp3       audio/mpeg
            Não audio/mp3, que não é registrado.
m4a       audio/mp4
wav       audio/wav
            audio/x-wav e audio/wave também aparecem por aí.
ogg oga   audio/ogg
flac      audio/flac
woff2     font/woff2
woff      font/woff
ttf       font/ttf
otf       font/otf
wasm      application/wasm
            Precisa ser exato, senão a compilação em streaming o recusa.
doc       application/msword
docx      application/vnd.openxmlformats-officedocument.wordprocessingml.document
xls       application/vnd.ms-excel
xlsx      application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
ppt       application/vnd.ms-powerpoint
pptx      application/vnd.openxmlformats-officedocument.presentationml.presentation
epub      application/epub+zip
ics       text/calendar
vcf       text/vcard
srt       application/x-subrip
vtt       text/vtt
            Precisa ser exato, senão o navegador ignora a faixa.
bin       application/octet-stream
            O tipo genérico: bytes sobre os quais nada se diz.

Seus arquivos ficam no seu dispositivo

Esta ferramenta roda inteiramente no seu navegador. O que você cola é processado no seu dispositivo e nunca é enviado a um servidor, então é seguro usar com tokens, chaves e textos não publicados.

Exemplo

Exemplo: consultar o Content-Type de um PNG

Digite .png no campo de busca. Não é necessário enviar uma imagem.

O resultado é image/png. O cabeçalho correspondente é Content-Type: image/png. A consulta usa a extensão e não verifica os bytes nem o conteúdo real do arquivo.

Como funciona

Deixe a caixa vazia para a lista.
Digite uma extensão — png, ou .png — para ver o tipo.
Digite parte de um tipo, como image/, para tudo que cai embaixo dele.
Leia as notas: alguns falham caladinhos em vez de aos berros.

Perguntas frequentes

Quais realmente importam?: Aqueles em que o navegador se recusa a agir quando estão errados. Um SVG servido como text/plain não renderiza. Um módulo WebAssembly servido como qualquer coisa que não seja application/wasm não pode ser transmitido em fluxo. Um arquivo de legenda .vtt com o tipo errado não carrega e não avisa.
É text/javascript ou application/javascript?: text/javascript. application/javascript foi a recomendação por anos e hoje está obsoleto, mas os dois funcionam em toda parte e você vai continuar vendo o antigo.
Devo acrescentar charset=utf-8?: Em text/html e text/plain, sim. Em application/json, não: JSON é UTF-8 por definição e um parâmetro charset ali não significa nada, embora seja inofensivo.
O que é application/octet-stream?: “Uns bytes, e eu não vou dizer quais.” É a resposta certa quando você genuinamente não sabe, e faz o navegador baixar em vez de exibir.
Alguma coisa é enviada para um servidor?: Não. Roda no navegador, então o que você digitar fica no seu computador.

Ferramentas relacionadas

⛶ Códigos de status HTTP O que o número quer dizer, e quando enviá-lo. ∿ Ferramentas de imagem Imagem para base64 Uma imagem que você cola numa folha de estilo. 字 Conversores Converter a codificação de um texto Conserte um CSV com acentos quebrados ou salve-o na codificação que um sistema pede. ‹› Formatador HTML Recuado para ler, ou espremido para publicar.