Generador de favicon
Sube tu logo o arma un ícono con una letra. Te entregamos el favicon.ico, los íconos para iPhone y Android, el site.webmanifest y el código para el <head>, todo en un ZIP.
Los íconos se generan en tu navegador. Tu logo no se sube a ningún servidor.Diseño del ícono
Datos para el manifest
Vista previa
Qué archivos necesita tu sitio
- favicon.ico: el ícono clásico, con 16, 32 y 48 px dentro del mismo archivo. Lo buscan los navegadores, Google y los lectores de noticias.
- apple-touch-icon.png (180 px): el ícono cuando alguien agrega tu sitio a la pantalla de inicio del iPhone.
- icon-192.png e icon-512.png: los usa Android y el manifest para instalar tu sitio como aplicación.
- site.webmanifest: describe el nombre, los colores y los íconos del sitio.
Sube los archivos a la raíz del sitio (la misma carpeta del index) y pega el código en el <head> de todas las páginas. Google puede tardar días o semanas en mostrar el ícono nuevo en los resultados.
Preguntas frecuentes
¿Cómo cambio el favicon en WordPress?
Ve a Apariencia, Personalizar, Identidad del sitio, Icono del sitio, y sube el icon-512.png. WordPress genera los demás tamaños.
Lo cambié pero sigo viendo el antiguo
El navegador guarda el favicon en caché por mucho tiempo. Ábrelo en una ventana de incógnito o agrega ?v=3 al final de la ruta en el código.
¿Por qué mi logo se ve borroso en 16 px?
Un logo con texto o detalles finos no se lee en 16 px. Usa solo el símbolo o la inicial de la marca, con buen contraste.
¿Necesito el archivo .ico si ya tengo PNG?
Los navegadores modernos aceptan PNG, pero el .ico en la raíz sigue siendo lo que muchos sistemas buscan por defecto. Conviene tener los dos.