Genera tu favicon gratis desde tu logo
Sube tu logo y descarga los cinco tamaños de ícono que pide un sitio moderno: pestaña del navegador, pantalla de inicio en iPhone y accesos de Android o PWA. Todo el recorte pasa en tu navegador, nada se sube a ningún servidor.
16px · 32px · apple-touch 180px · 192px · 512px — los 5 en un clic
Sube tu logo (cuadrado se ve mejor) y descarga todos los tamaños de favicon. Todo pasa en tu navegador.
Cómo funciona
Sube tu logo
Arrastra o selecciona una imagen. Entre más cuadrada y grande (500px+), mejor sale el recorte.
Se recorta y escala solo
Tu navegador recorta un cuadrado del centro y dibuja los 5 tamaños con <canvas>. Nada viaja a un servidor.
Descarga y listo
Guarda cada archivo en /public (o suéltalos en app/ si usas Next.js) y ya tienes favicon en todos lados.
Preguntas frecuentes sobre el favicon
¿Qué tamaños de favicon necesito en realidad?
Como mínimo 32×32 para la pestaña del navegador, 180×180 para la pantalla de inicio de iPhone/iPad (apple-touch-icon) y 192×192 / 512×512 para Android y apps instalables tipo PWA. Este generador entrega los cinco de una vez, ya nombrados y listos para tu carpeta pública.
¿Por qué mi favicon se ve borroso o mal recortado?
Casi siempre porque la imagen original no es cuadrada o es de baja resolución. La herramienta recorta un cuadrado del centro de tu logo; si tu logo es rectangular o mide menos de 500px, sube antes una versión cuadrada y grande para que el recorte no pierda detalle.
¿Mi logo se sube a algún servidor?
No. El recorte y la generación de cada tamaño ocurren en tu propio navegador usando canvas; el archivo nunca se envía a internet. Puedes revisarlo: no hay ninguna subida de red al usar la herramienta.
¿Dónde coloco los archivos que descargo?
En Next.js con App Router basta con soltar el ícono dentro de la carpeta app y Next lo detecta solo. En cualquier otro sitio, sube los archivos a /public y agrega en el head dos etiquetas link: una con rel icon y otra con rel apple-touch-icon, cada una apuntando a su archivo.