¿Cuáles importan de verdad?

Aquellos sobre los que un navegador se niega a actuar cuando están mal. Un SVG servido como text/plain no se muestra. Un módulo de WebAssembly servido como cualquier cosa que no sea application/wasm no se puede transmitir en flujo. Un archivo de subtítulos .vtt con el tipo equivocado no carga, y no dice nada.

¿Es text/javascript o application/javascript?

text/javascript. application/javascript fue la recomendación durante años y hoy está obsoleto, pero ambos funcionan en todas partes y seguirás viendo el antiguo.

¿Debo añadir charset=utf-8?

A text/html y text/plain, sí. A application/json no: el JSON es UTF-8 por definición y un parámetro charset ahí no significa nada, aunque tampoco haga daño.

¿Qué es application/octet-stream?

«Unos bytes, y no te voy a decir cuáles.» Es la respuesta correcta cuando de verdad no lo sabes, y hace que el navegador descargue en lugar de mostrar.

¿Se envía algo a un servidor?

No. Funciona en tu navegador, así que lo que escribas se queda en tu ordenador.

Tipos MIME

Qué poner en Content-Type y qué pasa cuando está mal.

Los ejemplos sustituyen temporalmente la entrada y los ajustes. Puedes recuperar tu trabajo anterior.

Entrada0 caracteres

tipos: 50

Resultado

html htm  text/html
            Una página web. Siempre con charset=utf-8.
css       text/css
js mjs    text/javascript
            application/javascript está obsoleto, pero se sigue sirviendo en todas partes.
json      application/json
            Sin parámetro charset: JSON es UTF-8 por definición.
xml       application/xml
            text/xml también está registrado y para los navegadores significa lo mismo.
txt       text/plain
csv       text/csv
md        text/markdown
yaml yml  application/yaml
            Registrado en 2024; los servidores antiguos envían 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
            El tipo es jpeg aunque la extensión sea jpg.
gif       image/gif
webp      image/webp
avif      image/avif
svg       image/svg+xml
            Servido con otro tipo, el navegador no lo muestra.
ico       image/x-icon
            El registrado es image/vnd.microsoft.icon; los dos funcionan.
bmp       image/bmp
tif tiff  image/tiff
heic      image/heic
mp4 m4v   video/mp4
webm      video/webm
mov       video/quicktime
mp3       audio/mpeg
            No audio/mp3, que no está registrado.
m4a       audio/mp4
wav       audio/wav
            También se ven audio/x-wav y audio/wave.
ogg oga   audio/ogg
flac      audio/flac
woff2     font/woff2
woff      font/woff
ttf       font/ttf
otf       font/otf
wasm      application/wasm
            Tiene que ser exacto o la compilación en streaming lo rechaza.
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
            Tiene que ser exacto o el navegador ignora la pista.
bin       application/octet-stream
            El comodín: bytes de los que no se dice nada.

Tus archivos se quedan en tu dispositivo

Esta herramienta se ejecuta por completo en tu navegador. Lo que pegas se procesa en tu dispositivo y nunca se envía a un servidor, así que puedes usarla con tokens, claves y textos sin publicar.

Ejemplo

Ejemplo: consultar el Content-Type de un PNG

Escribe .png en el buscador. No hace falta subir ninguna imagen.

El resultado es image/png y la cabecera correspondiente es Content-Type: image/png. La consulta relaciona una extensión con un tipo; no comprueba el contenido real de un archivo.

Cómo funciona

Deja el cuadro vacío para la lista.
Escribe una extensión —png, o .png— para su tipo.
Escribe parte de un tipo, como image/, para todo lo que cuelgue de él.
Lee las notas: unos cuantos fallan calladamente en vez de a gritos.

Preguntas frecuentes

¿Cuáles importan de verdad?: Aquellos sobre los que un navegador se niega a actuar cuando están mal. Un SVG servido como text/plain no se muestra. Un módulo de WebAssembly servido como cualquier cosa que no sea application/wasm no se puede transmitir en flujo. Un archivo de subtítulos .vtt con el tipo equivocado no carga, y no dice nada.
¿Es text/javascript o application/javascript?: text/javascript. application/javascript fue la recomendación durante años y hoy está obsoleto, pero ambos funcionan en todas partes y seguirás viendo el antiguo.
¿Debo añadir charset=utf-8?: A text/html y text/plain, sí. A application/json no: el JSON es UTF-8 por definición y un parámetro charset ahí no significa nada, aunque tampoco haga daño.
¿Qué es application/octet-stream?: «Unos bytes, y no te voy a decir cuáles.» Es la respuesta correcta cuando de verdad no lo sabes, y hace que el navegador descargue en lugar de mostrar.
¿Se envía algo a un servidor?: No. Funciona en tu navegador, así que lo que escribas se queda en tu ordenador.

Herramientas relacionadas

⛶ Códigos de estado HTTP Qué significa el número y cuándo enviarlo. ∿ Herramientas de imagen Imagen a base64 Una imagen que puedes pegar en una hoja de estilos. 字 Conversores Convertir la codificación de un texto Arregla un CSV con tildes rotas o guárdalo en la codificación que pide un programa. ‹› Formateador HTML Sangrado para leerlo, o comprimido para publicarlo.