Cómo usar el generador de favicon

Sube una imagen cuadrada (idealmente 512×512 px o mayor, cuanto mayor la resolución, más nítidos serán los tamaños pequeños).
Selecciona los tamaños que necesitas: 16, 32 y 48 px cubren la mayoría de navegadores; 180 px para iconos Apple Touch; 192 y 512 px para manifiestos PWA.
Haz clic en Generar y descargar para obtener un ZIP con todos los tamaños seleccionados en PNG.

Tamaños de favicon recomendados

Tamaño	Uso
16×16	Pestaña del navegador, barra de favoritos
32×32	Acceso directo de la barra de tareas Windows, pestaña HiDPI
48×48	Acceso directo de sitio Windows
180×180	`apple-touch-icon` para pantalla de inicio iOS
192×192	Icono del manifiesto PWA (estándar)
512×512	Icono del manifiesto PWA (pantalla de inicio)

Cómo añadir favicons a tu sitio

Coloca los PNG en la raíz de tu sitio y añade estas etiquetas <link> en el <head> HTML:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Consejos para mejores resultados

Usa un diseño simple y llamativo, los detalles finos desaparecen a 16×16 px
Asegura alto contraste en temas claro y oscuro del navegador
Usa fondo transparente para que el icono se adapte a cualquier color de interfaz
Parte de un SVG como fuente si es posible para un escalado sin pérdida

Privacidad

Toda la generación ocurre en el navegador. No se sube ninguna imagen a ningún servidor.