Qué es Generador HTML de favicon?
El marcado de favicon indica a los navegadores y dispositivos qué iconos usar para pestañas, marcadores, accesos directos a la pantalla de inicio e instalaciones de aplicaciones web. Un sitio estático pequeño puede necesitar varios formatos de icono porque los navegadores de escritorio, los navegadores móviles y las aplicaciones web guardadas usan archivos diferentes.
Respuesta rápida
Genere etiquetas HTML de favicon, referencias de icono táctil de Apple y entradas de manifiesto de aplicación web para sitios estáticos. Incluya rutas de icono SVG y de respaldo para una compatibilidad amplia.
Last updated: 2026-06-11
Limitaciones
- Los archivos de icono deben existir en las rutas especificadas en la salida publicada. Las etiquetas generadas son solo referencias.
- El icono táctil de Apple tiene expectativas de tamaño específicas. Los dispositivos Apple esperan un PNG de 180x180 píxeles.
- El fragmento del manifiesto web requiere JSON válido. Un error de sintaxis puede impedir que los navegadores lean los metadatos de la aplicación.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Cómo usar esta herramienta
- Ingrese la ruta base donde se publicarán sus archivos de icono.
- Agregue el nombre de la aplicación o sitio más los colores de tema y fondo.
- Copie las etiquetas link y meta generadas en la sección head de su HTML.
- Copie el fragmento JSON del manifiesto en su archivo site.webmanifest si usa uno.
Para qué puedes usarla
- Agregar marcado de favicon a un sitio web HTML simple.
- Preparar rutas de iconos para GitHub Pages.
- Crear un fragmento JSON de manifiesto web pequeño.