Cómo se usa
- Elige si partes de una letra o de una imagen.
- Ajusta colores y redondeo viendo la vista previa en tamaño real.
- Descarga el ZIP, sube los archivos a tu web y pega el código en el <head>.
Qué incluye el paquete
- favicon.ico con tamaños de 16, 32 y 48 px, para pestañas y navegadores antiguos.
- favicon.svg para navegadores modernos.
- apple-touch-icon.png (180 px) para cuando alguien guarda tu web en la pantalla de inicio del iPhone.
- icon-192.png e icon-512.png para Android e instalación como app.
- site.webmanifest con el nombre y los colores de tu web.
Consejos de diseño
A 16 píxeles cualquier detalle desaparece. Usa una letra o un símbolo simple con buen contraste, mejor que un logotipo completo. Si partes de un SVG, conviértelo antes a PNG grande con SVG a PNG.
Preguntas frecuentes
¿Dónde pongo los archivos?
En la carpeta raíz de tu web, la misma donde está tu página de inicio. En WordPress también puedes subir el icono en Apariencia → Personalizar → Identidad del sitio.
¿Por qué no veo el favicon nuevo?
Los navegadores guardan el favicon en caché. Prueba en una ventana privada o espera unas horas.
¿Te ha sido útil esta herramienta?