Generador de favicon

Crea favicons PNG de 16, 32, 48, 64, 180 y 512 px desde una imagen, con esquinas redondeadas y relleno opcionales. Descarga uno o todos.

El redimensionado ocurre por completo en tu navegador. Tu imagen nunca sale de tu dispositivo.

Suelta una imagen aquí

PNG, JPG, WebP · hasta ~20 MB

Tamaños de favicon

Los favicons se sirven en varios tamaños porque los navegadores los muestran en contextos muy distintos: un icono de pestaña de 16 px y un icono PWA de 512 px no se parecen en nada. Esta herramienta genera PNGs para los seis tamaños habituales de una vez, para que los coloques en tu sitio y ya está. A continuación, para qué sirve cada tamaño.

16 px
El tamaño clásico para las pestañas del navegador y la estrella de marcadores de la barra de direcciones. Es el mínimo que siempre debes servir; la mayoría de los usuarios no verá nada más pequeño.
32 px
Listas de marcadores, pestañas de alta resolución (retina) y vistas previas de enlaces en algunas plataformas. Un icono nítido de 32 px evita el aspecto borroso cuando la barra de pestañas está ampliada.
48 px
Barras de pestañas de alta resolución, algunos elementos de la interfaz del navegador e iconos de acceso rápido en Windows. También sirve como icono de 24 px en pantallas de 2x.
64 px
Accesos de aplicaciones en móviles y pantallas de alta densidad. Es el tamaño más grande que usan la mayoría de las implementaciones «clásicas» de favicon.
180 px
El tamaño del icono táctil de Apple (apple-touch-icon): lo que iOS y iPadOS colocan en la pantalla de inicio cuando un usuario añade tu sitio a su pantalla de inicio.
512 px
Iconos del manifiesto de PWA (aplicación web progresiva) y avisos de instalación de alta resolución. También puede usarse como el icono de instalación grande en Android.

Preguntas frecuentes

¿Qué es un favicon y por qué necesito varios tamaños?

Un favicon es el pequeño icono que aparece en las pestañas del navegador, los marcadores y la barra de direcciones. Los navegadores usan distintos tamaños en distintos lugares: 16 px en las pestañas, 32 px en los marcadores, 180 px para los iconos táctiles de Apple en iOS y 512 px para los manifiestos PWA. Proveedor una imagen por tamaño mantiene el icono nítido en todas partes en lugar de estirado o borroso.

¿Cómo redimensiona el generador mi imagen?

La API Canvas del navegador re-muestrea los píxeles originales con suavizado bilínea de alta calidad, escalando para encajar en el cuadrado objetivo y conservando la relación de aspecto. El resultado se centra en el canvas, y el relleno opcional deja espacio transparente a su alrededor.

¿Qué hacen las esquinas redondeadas?

Cuando está activada, cada favicon se recorta en un cuadrado con esquinas redondeadas (radio = 22 % de la longitud del lado), la forma que la mayoría de las plataformas móviles aplican a los iconos de aplicación automáticamente. Las esquinas se convierten en regiones PNG transparentes, así que el efecto funciona sobre cualquier fondo.

¿Por qué el resultado es PNG y no ICO?

PNG tiene un soporte universal: los navegadores modernos leen un elemento link con rel="icon" y type="image/png" para cualquier tamaño, y el PNG de 512 px sirve también como icono de manifiesto PWA. Los archivos ICO son un formato legacy; si de verdad los necesitas, varios conversores gratuitos pueden agrupar los PNG que genera esta herramienta en un único .ico.

¿Qué tipos y tamaños de archivo se aceptan?

PNG, JPG y WebP de hasta 20 MB. La transparencia se preserva con entradas PNG y WebP; el JPEG no tiene canal alfa, así que las zonas transparentes no sobreviven. Todo ocurre localmente en tu navegador — tu imagen nunca se sube.

Para completar los archivos de tu marca, exporta todos los tamaños de icono con el Generador de Iconos de App, rasteriza cualquier vector con el Convertidor de SVG a PNG o convierte un mapa de bits de nuevo en vector con el Convertidor de imagen a SVG.