Cómo crear el favicon de tu web paso a paso
- Carga tu logotipo, preferiblemente cuadrado.
- Ajusta el recorte si hace falta.
- Ve a Exportar y pulsa «Generar pack».
- Descomprime el ZIP en la raíz de tu web y pega el HTML.
Qué incluye el pack
Un favicon.ico con las resoluciones de 16, 32 y 48 píxeles dentro del mismo archivo, los PNG sueltos de 16 y 32 para navegadores modernos, el apple-touch-icon de 180 píxeles que usa iOS al añadir la web a la pantalla de inicio, los iconos de 192 y 512 para Android y las aplicaciones instalables, un site.webmanifest ya montado y un archivo con las etiquetas link que hay que pegar dentro de la cabecera.
Cómo debe ser la imagen de partida
Cuadrada y con el motivo bien centrado: la imagen se recorta al cuadrado desde el centro. Conviene que sea sencilla, porque a 16 píxeles solo sobrevive una forma reconocible, nunca un texto largo. Si tu logotipo es apaisado, prepara antes una versión con el símbolo solo. Y si necesitas fondo transparente, quítalo antes con la herramienta de fondo.
Preguntas frecuentes
¿Qué tamaño debe tener la imagen original?
Al menos 512 × 512 píxeles para que los iconos grandes salgan nítidos.
¿Dónde tengo que subir los archivos?
A la raíz del dominio, y pegar en la cabecera el contenido del archivo snippet-head.html incluido en el ZIP.
¿Puedo generar solo el .ico?
Sí, elige ICO como formato de salida y marca los tamaños que quieras incluir dentro del archivo.