¿Cuál es el tipo MIME de los archivos .webmanifest?
El tipo MIME (media type) para archivos de Web app manifest con la extensión .webmanifest es application/manifest+json. El manifiesto de PWA se vincula con <link rel="manifest">. Los navegadores también aceptan application/json.
Cabecera Content-Type
Content-Type: application/manifest+jsonLos tipos basados en texto deberían incluir un charset para que el navegador decodifique los caracteres correctamente.
Configuración del servidor
| Servidor | Configuración |
|---|---|
Nginx (mime.types o types {}) | application/manifest+json webmanifest; |
Apache (.htaccess) | AddType application/manifest+json .webmanifest |
IIS (web.config) | <mimeMap fileExtension=".webmanifest" mimeType="application/manifest+json" /> |
| Node.js / Express | res.type('webmanifest') o res.setHeader('Content-Type', 'application/manifest+json') |
| Amazon S3 | Establece Content-Type: application/manifest+json en el objeto (metadatos), o pasa --content-type application/manifest+json a aws s3 cp |
¿Deberían comprimirse los archivos .webmanifest?
Sí. Web app manifest es texto, así que habilitar gzip o Brotli para application/manifest+json normalmente reduce el tamaño de transferencia entre un 50 y un 80 %. Asegúrate de que la lista de compresión de tu servidor incluya este tipo; compruébalo con la prueba de compresión de sitios web.
Por qué importa el tipo MIME
Los navegadores deciden qué hacer con una respuesta (renderizar, ejecutar, reproducir o descargar) según la cabecera Content-Type, no según la extensión del archivo. Con X-Content-Type-Options: nosniff, un tipo incorrecto hace que las hojas de estilo y los scripts se bloqueen directamente. En las subidas de archivos, nunca confíes en el tipo enviado por el cliente; verifica el contenido del archivo (sus magic bytes) en el servidor.
Búsqueda de tipos MIME
Busca todas las extensiones de archivo y tipos MIME más comunes, con cabeceras Content-Type listas para copiar.
Preguntas frecuentes
¿Cuál es el tipo MIME de .webmanifest?
application/manifest+json.¿Cómo configuro el Content-Type de .webmanifest en Nginx?
application/manifest+json webmanifest; esté incluido en el bloque types (normalmente en /etc/nginx/mime.types) y recarga Nginx.