Generador de Favicon - Crea todos los tamaños de Favicon a partir de la imagen

Para navegadores y dispositivos modernos necesitas seis tamaños: 16×16 y 32×32 para las pestañas del navegador, 48×48 para los iconos de sitios de Windows, 180×180 para el icono táctil de Apple (pantalla de inicio de iOS) y 192×192 + 512×512 para pantallas de inicio de Android y prompts de instalación PWA. Nuestro generador genera los seis más un site.webmanifest a partir de una única imagen fuente.

La mayoría de los navegadores modernos prefieren las etiquetas de enlace PNG (rel="icon" type="image/png"), por lo que ya no se requiere un archivo ICO. Evitamos la ICO heredada y proporcionamos favicons de PNG con el tamaño correcto para cada objetivo moderno. Si tienes que soportar Internet Explorer o Chrome muy antiguo, puedes convertir uno de los PNG a ICO por separado.

Un manifiesto de aplicación web es un archivo JSON que indica a Android, Chrome y Edge cómo debe verse tu sitio cuando se instala como una aplicación web progresiva: icono, nombre, color del tema y modo de visualización. Nuestro generador incluye un manifiesto inicial que apunta a los iconos de Android Chrome; Solo necesitas editar el nombre y theme_color.

Un PNG cuadrado (1:1) de 512×512 o mayor da la salida más limpia en cualquier tamaño. Evita detalles finos que desaparecen a los 16×16 — los favicons funcionan mejor con una sola forma intensa y alto contraste. Los PNG transparentes funcionan; La herramienta los encaja para que el icono quede centrado en cada tamaño.

Sí, tu imagen fuente se redimensiona a través de la API canvas y se empaqueta localmente como un código postal. No se sube nada. Esto hace que sea seguro generar iconos para productos no lanzados e identidades de marca previas al lanzamiento.

Descomprime la descarga en la carpeta /public (o web root) de tu sitio, luego añade el fragmento HTML incluido a tus etiquetas de enlace <cabezal> para los iconos PNG más un enlace a site.webmanifest. Actualiza tu sitio de forma forzada (Cmd+Shift+R): los navegadores almacenan en caché los favicons de forma agresiva, así que puede que tengas que vaciar la caché para que aparezca el nuevo icono.

Sí, los PNG 192×192 y 512×512 son exactamente lo que Chrome y Edge buscan para calificar un sitio como PWA instalable. Junto con el manifiesto, cumplen con la comprobación de instalación del PWA del faro.

Sí. Sin marcas de agua, sin registro, sin límite de uso — y el código postal es tuyo para siempre. Añadimos esta herramienta porque todo desarrollador necesita un set de Favicon eventualmente, y los generadores existentes estaban cargados de publicidad o te hacían pagar por salidas de alta resolución.