Generador de etiquetas de favicon

Cómo usar esta herramienta para desarrolladores

1. Escribe la ruta base donde estarán los iconos.
2. Activa o desactiva favicon.ico, apple-touch-icon y manifest.
3. Genera las etiquetas.
4. Ajusta nombres de archivo si tu proyecto usa otra convención y pega el bloque en el head.

Qué hace esta herramienta para desarrolladores

Crea link rel=icon para 16x16 y 32x32, apple-touch-icon de 180x180 y, opcionalmente, rel=manifest.

Los nombres son una convención del generador; deben existir realmente en la ruta seleccionada para que el navegador pueda cargarlos.

Ejemplo

Entrada

/icons/

Salida esperada

<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">

Casos de uso

• Preparar el head de un proyecto nuevo.
• Migrar iconos a una ruta común.
• Evitar olvidar tamaños y relaciones frecuentes.

Consejos para obtener resultados fiables

• Trabaja con una copia del marcado o archivo antes de sustituirlo en producción.
• Prueba una entrada válida y otra deliberadamente incorrecta para entender los mensajes de la herramienta.
• Revisa el resultado en el contexto real del sitio y no solo de forma aislada.
• Conserva únicamente los metadatos o hints que tengan una finalidad concreta.

Detalles del procesamiento

No se realizan descargas ni conversión de imágenes. La salida es únicamente el marcado HTML correspondiente a la ruta indicada.

No genera archivos ICO/PNG ni valida transparencia, dimensiones, MIME real o soporte específico de cada navegador.