¿Qué es Generador de favicons multi-tamaño?

Sube una imagen —o escribe de 1 a 3 letras o un emoji— y obtén todos los tamaños estándar, desde un ICO de 16x16 hasta un icono de App Store de 1024x1024, además de un favicon.svg escalable. Incluye Apple Touch, Android Chrome, MS Tile y pestaña fijada de Safari. Descarga uno a uno o todos juntos como ZIP.

Parte de tu propio logo o crea un icono rápido con un par de letras o un emoji, con tus colores y tu fuente. El generador produce 17 archivos PNG separados que cubren los tamaños clásicos de favicon (16, 32, 48, 64, 96, 128, 256), iconos Apple Touch (152, 167, 180), el icono de App Store de 1024, Android Chrome (192, 384), MS Tile (144, 150, 310) y el PWA 512. Filtra la cuadrícula por plataforma, elige la forma de salida cuadrada, redondeada o circular, y comprueba el favicon en pestañas claras y oscuras antes de descargar. Cada ZIP incluye además un favicon.ico multirresolución, un favicon.svg escalable, un snippet HTML listo para pegar y un manifest.json con maskable purpose en los tamaños de Android; añade un nombre y un nombre corto para que sea instalable como PWA.

Cómo usar

1. Sube una imagen cuadrada de alta resolución (al menos 512×512px) como origen, o cambia al modo de texto y escribe de 1 a 3 letras o un emoji para crear uno al instante.
2. Revisa todos los tamaños generados en la cuadrícula. Activa o desactiva los que necesites según la plataforma.
3. Descarga tamaños individuales, baja un favicon.ico multirresolución, o pulsa «Descargar todo» para obtener un ZIP con todos los tamaños seleccionados, el paquete ICO, el snippet HTML y el manifiesto.

Cuándo usar

• Lanzar un sitio nuevo y necesitar cobertura de favicon en todos los navegadores y sistemas.
• Rebranding: regenerar todos los iconos de PWA y de pantalla de inicio a partir del logo nuevo.
• Habilitar añadir a la pantalla de inicio para que Android renderice un icono maskable.

Resultado

Una agencia web sube el nuevo logotipo de un cliente para una renovación de marca. Obtiene 12 tamaños para escritorio, iOS Safari, Android Chrome, tiles de Windows e iconos de manifiesto PWA, listos para usar.

Preguntas frecuentes

¿Qué tamaño debe tener mi imagen de origen?

Mínimo 512x512 píxeles, cuadrada, con el logo centrado y algo de margen alrededor. Por debajo de ese tamaño el icono PWA de 512 quedará borroso. Un origen vectorial (SVG rasterizado a PNG de 1024) funciona aún mejor.

¿Por qué existen tanto favicons PNG como ICO?

Los navegadores modernos usan PNG en varios tamaños mediante link rel='icon' y cada vez prefieren un único SVG escalable. El archivo .ico sigue siendo necesario para navegadores antiguos de Windows, ciertos servicios de hosting y algunas integraciones de sitios anclados. Este generador entrega los tres: PNG para cada tamaño moderno, un favicon.svg escalable y un favicon.ico que agrupa los marcos de 16, 32 y 48px.

¿Qué es un icono maskable y por qué lo pide Android?

Android recorta los iconos de pantalla de inicio en círculo, squircle o cuadrado redondeado según el launcher. Un icono maskable tiene una zona segura central (~80% del lienzo) para que las partes clave del logo nunca se corten. Añade ~10% de margen alrededor del origen.

¿Dónde coloco los archivos generados?

Pon cada PNG en la raíz pública de tu sitio (o /static), pega el snippet HTML en el head de la página y enlaza el manifest.json. Apple Touch y favicon van en el head HTML; los iconos PWA los referencia el manifest.

¿Para qué sirven las opciones de fondo y padding?

Los logos transparentes suelen verse bien en pestañas pero quedan raros cuando Android o iOS añaden su propio rectángulo redondeado detrás. Combinar un fondo sólido con 8-12% de padding hace que la tile se renderice igual en cualquier launcher.

Herramientas relacionadas