Generador de favicons: crea todos los tamaños de favicon a partir de una imagen

Sube cualquier imagen y obtén al instante el conjunto completo de favicons: 16, 32, 48, 180 (Apple), 192 y 512 (PWA) más site.webmanifest, empaquetado en un ZIP.

Suelta tu logotipo para generar todos los tamaños de favicon

Incluye site.webmanifest + fragmento HTML

Los archivos se eliminan automáticamente tras el procesamientoSin marcas de aguaUso gratuito, sin necesidad de registro

Frequently Asked Questions

Para los 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 sitio de Windows, 180×180 para el icono de toque de Apple (pantalla de inicio de iOS) y 192×192 + 512×512 para las pantallas de inicio de Android y los avisos de instalación de PWA. Nuestro generador produce los seis, más un site.webmanifest, a partir de una sola imagen de origen.

usage

La mayoría de los navegadores modernos prefieren las etiquetas link de PNG (rel="icon" type="image/png"), por lo que ya no se necesita un archivo ICO. Omitimos el ICO heredado y proporcionamos favicons PNG con el tamaño correcto para cada destino moderno. Si necesitas dar soporte a Internet Explorer o a versiones muy antiguas de Chrome, puedes convertir uno de los PNG a ICO por separado.

technical

Un manifiesto de aplicación web es un archivo JSON que le indica a Android, Chrome y Edge cómo debe verse tu sitio cuando se instala como 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 tienes que editar el nombre y el theme_color.

features

Un PNG cuadrado (1:1) de 512×512 o más grande da el resultado más limpio en todos los tamaños. Evita los detalles finos que desaparecen a 16×16: los favicons funcionan mejor con una sola forma rotunda y mucho contraste. Los PNG transparentes funcionan; la herramienta los enmarca para que el icono quede centrado en cada tamaño.

tips

Sí: tu imagen de origen se redimensiona mediante la API de canvas y se empaqueta como un ZIP de forma local. No se sube nada. Esto hace que sea seguro generar iconos para productos aún no lanzados e identidades de marca previas al lanzamiento.

privacy

Descomprime la descarga en la carpeta /public (o la raíz web) de tu sitio y, a continuación, añade el fragmento HTML incluido a tu <head>: las etiquetas link para los iconos PNG, además de un enlace a site.webmanifest. Recarga tu sitio de forma forzada (Cmd+Shift+R), ya que los navegadores almacenan los favicons en caché de forma agresiva, por lo que es posible que tengas que vaciar la caché para que aparezca el nuevo icono.

usage

Sí: los PNG de 192×192 y 512×512 son exactamente lo que Chrome y Edge buscan para considerar un sitio como una PWA instalable. Junto con el manifiesto, cumplen la comprobación de instalabilidad de PWA de Lighthouse.

technical

Sí. Sin marcas de agua, sin registro y sin límite de uso, y el ZIP es tuyo para siempre. Añadimos esta herramienta porque todo desarrollador acaba necesitando un conjunto de favicons, y los generadores existentes o estaban llenos de anuncios o te cobraban por las salidas en alta resolución.

pricing

How Favicon Generator helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

Lanzamientos de indie hackers

Los fundadores en solitario que lanzan su MVP necesitan un favicon pulido antes del lanzamiento. Genera todos los tamaños a partir de una sola imagen de tu logotipo, junto con el manifiesto, en un solo clic: sin Figma ni suscripciones de diseño.

For Business

Configuración de clientes de agencia

Al entregar el sitio web de un nuevo cliente, el conjunto de favicons rara vez se presupuesta, pero siempre se espera. Genera el ZIP al final del proyecto, colócalo en /public y marca el entregable como hecho.

For Developers

Instalabilidad como PWA

Para superar la comprobación de instalabilidad de Chrome, tu manifiesto necesita iconos de 192×192 y 512×512. Nuestro resultado cumple ese requisito desde el primer momento, además de las correspondientes etiquetas del encabezado HTML.

For Business

Espacios de trabajo multimarca

Las agencias y consultores que gestionan múltiples marcas de clientes pueden regenerar el conjunto de favicons en 10 segundos cada vez que se lanza un cambio de imagen de marca, sin necesidad de mantener una acción de Photoshop.

For Developers

Identidad de marca para proyectos de código abierto

Los sitios de GitHub Pages, Vercel, Netlify y Cloudflare Pages necesitan favicons para verse cuidados en las pestañas del navegador. Coloca los archivos generados en tu repositorio y tu proyecto parecerá listo para producción.

Marketing

Renovación de imagen de marca

Cuando cambie tu logo, regenera todos los tamaños necesarios, incluidos el icono touch de Apple de 180px y el icono PWA de Android de 512px, sin tener que volver a exportarlos manualmente desde Illustrator.