Generador de favicons: de PNG a favicon online

Los archivos de icono que necesita un sitio

Los navegadores usan un icono de 32 × 32 para pestañas y marcadores; iPhone y iPad usan uno de 180 × 180 para accesos directos en la pantalla de inicio; y las apps web instalables declaran iconos de 192 × 192 y 512 × 512 en su manifiesto. Enlaza los dos primeros desde el head de la página con <link rel="icon" href="/favicon-32.png" sizes="32x32"> y <link rel="apple-touch-icon" href="/apple-touch-icon.png">.

Google muestra el favicon de un sitio en los resultados de búsqueda y pide un icono cuadrado cuyo tamaño sea múltiplo de 48 píxeles, así que también merece la pena enlazar una versión de 48, 96 o 144 píxeles.

Diseñar para 16 píxeles

Un favicon suele mostrarse a 16 × 16, donde el texto, las líneas finas y el detalle se pierden. Usa una sola letra o la forma más simple del logotipo, con alto contraste. iOS muestra en negro las partes transparentes de un icono de pantalla de inicio, así que dale un fondo sólido a la versión de 180 píxeles.

Para un paquete completo, incluido un archivo .ico con varios tamaños y un manifiesto de app web, usa el favicon converter; para iconos de apps de iPhone, iPad y Android, el app icon generator.

Cómo se usa

1. Elige una imagen de origen cuadrada o rectangular.
2. Selecciona un tamaño de icono estándar.
3. Genera y descarga el PNG adaptado.

Privacidad y límites

La generación del icono se realiza en tu navegador. La herramienta crea archivos PNG en lugar de un contenedor ICO multirresolución.