Generador de
favicon
Suelta un logo y obtén el pack moderno completo; pestañas del navegador, pantalla de inicio del iPhone, Android, maskable; cada tamaño renderizado, previsualizado y descargable, con las etiquetas link exactas para pegar. Tu imagen nunca sale de tu navegador.
Suelta tu logo aquí
Etiquetas link (pégalas en tu <head>)
site.webmanifest (guárdalo junto a los iconos)
Yetty sirve tu favicon, tarjetas para compartir y datos estructurados en cada página automáticamente; sube el logo una vez y los detalles quedan resueltos.
Cada plataforma quiere
su propio icono
16 & 32 - pestañas del navegador
El favicon clásico. Diminuto, así que sobreviven las formas simples y el contraste fuerte; el detalle fino se vuelve un borrón.
48 - Windows & Google
Google muestra el favicon junto a los resultados de búsqueda y prefiere un múltiplo de 48px; este se gana su lugar.
180 - pantalla de inicio del iPhone
El apple-touch-icon. iOS aplana la transparencia a negro, así que este se exporta sobre el fondo que elijas.
192 & 512 - Android
Tamaños de pantalla de inicio y de arranque, declarados en el manifest de la web app en lugar de una etiqueta link.
Maskable 512
Android recorta los iconos en círculos y squircles. La versión maskable mantiene tu logo en la zona segura del 80% para que nada se corte.
Las etiquetas link & el manifest
Los archivos por sí solos no hacen nada; las etiquetas del head y site.webmanifest le dicen al navegador que cada icono existe. Ambos se generan por ti.
Preguntas frecuentes sobre el favicon
¿Qué tamaños de favicon necesito en 2026?
Un pack moderno y práctico es: PNG de 16x16 y 32x32 para las pestañas del navegador, 48x48 para Windows y los resultados de Google, 180x180 para el apple-touch-icon que los iPhone usan en la pantalla de inicio, y 192x192 más 512x512 para Android y el manifest de tu web app; idealmente con una versión 512 maskable. Una buena imagen de origen cuadrada, de 512px o más, cubre todo eso.
¿Por qué mi favicon se ve negro en el iPhone?
Porque iOS no admite transparencia en el apple-touch-icon; cualquier píxel transparente se aplana a negro sólido cuando el icono se guarda en la pantalla de inicio. La solución es aplanar tú mismo el icono sobre un color de fondo (blanco, o el color de tu marca) antes de exportar, que es exactamente lo que hace esta herramienta con el archivo 180x180.
¿Qué es un icono maskable?
Un icono de Android diseñado para sobrevivir al recorte en círculo, squircle o cuadrado redondeado; cada fabricante de teléfonos elige su propia forma. La regla práctica: tu logo debe caber dentro de un círculo de zona segura que cubra el 80% de la imagen, con el borde exterior relleno de un fondo sólido en lugar de transparencia. Se declara en el manifest con "purpose": "maskable".