● HERRAMIENTA GRATIS · 100% EN TU NAVEGADOR

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

tusitio.com

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 genera los 5 tamaños que necesitas. Nada viaja a un servidor.

Descarga y listo

Guarda los archivos donde tu sitio sirva sus imágenes públicas y ya tienes favicon en todos lados. (¿Usas Next.js? Puedes soltarlos directo en la carpeta app/.)

Preguntas frecuentes sobre el favicon

¿Cómo hago un favicon para mi página web gratis?

Sube tu logo arriba: la herramienta lo recorta y genera al instante los tamaños que necesitas, listos para descargar y usar en tu sitio. No hace falta ningún programa de diseño.

¿Qué tamaño debe tener un favicon?

Como mínimo 16×16 y 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.

¿Por qué mi favicon no aparece en Google o en la pestaña del navegador?

Casi siempre falta la etiqueta link con rel icon apuntando a tu archivo en el head de tu sitio, o tu navegador todavía tiene guardado el ícono viejo en caché. Agrega la etiqueta y recarga forzado (Ctrl/Cmd + Shift + R) para verlo actualizado.

¿Mi logo se sube a algún servidor?

No. El recorte y la generación de cada tamaño ocurren en tu propio navegador; el archivo nunca se envía a internet. Puedes confiar: nada de tu logo sale de tu navegador.

¿Dónde coloco los archivos que descargo?

Agrega en el head de tu sitio dos etiquetas link: una con rel icon y otra con rel apple-touch-icon, cada una apuntando a su archivo. Funciona en cualquier plataforma o CMS. (¿Usas Next.js con App Router? Basta con soltar el ícono dentro de la carpeta app y Next lo detecta solo.)

¿Quieres IA y automatización en tu negocio?Agenda gratis →

● TAMBIÉN TE PUEDE SERVIR