Crea un favicon sencillo con las iniciales de tu marca. Elige letras, colores y forma, y descarga archivos PNG en tamaños preparados para el icono de pestaña y otros accesos del sitio. Es una base rápida para un proyecto que todavía no tiene una versión pequeña de su identidad.
TU MESA DE TRABAJO
Tu marca, en unas iniciales.
Elige hasta tres letras o números. La descarga produce archivos PNG, sin subir imágenes.
Las imágenes se dibujan en esta página. Tus iniciales y colores no se envían al generarlas o descargarlas.
Prepara un icono que se reconozca pequeño.
- Elige entre una y tres iniciales.
Una o dos letras suelen dejar más espacio para respirar. Comprueba la vista de 32 píxeles, donde el detalle desaparece antes que en una imagen grande.
- Define fondo, letras y forma.
Usa colores de tu marca y busca una diferencia suficiente entre ambos. El recorte puede ser cuadrado, redondeado o circular; revísalo con el resto de tu identidad.
- Descarga los tamaños que vas a utilizar.
El generador produce PNG de 32, 180, 192 y 512 píxeles. El fragmento HTML indica cómo referenciar el favicon y el icono de Apple; adapta las rutas a tus archivos.
Cómo incorporarlo a WordPress.
Si tu tema ofrece la opción «Icono del sitio», utiliza la imagen de 512 × 512 píxeles en esa configuración y revisa cómo queda en la pestaña del navegador. La ubicación de la opción depende del tema y del editor que utilices.
En una web que administres con código, guarda los PNG y adapta el fragmento HTML a sus rutas reales. Puede que el navegador conserve un icono anterior en caché; comprueba la dirección del archivo y prueba una recarga o una nueva ventana antes de concluir que no se actualizó.
Antes de seguir, resolvamos esto.
¿El favicon se genera gratis?
Sí. Puedes preparar y descargar las imágenes desde esta página sin registro. No subes un archivo ni necesitas una cuenta para usar el generador.
¿La descarga incluye un archivo ICO?
No. El resultado es PNG en cuatro tamaños. Si tu proyecto necesita un ICO u otro paquete, debes prepararlo con una herramienta que exporte ese formato.
¿Por qué la vista pequeña importa tanto?
El icono suele mostrarse con muy pocos píxeles. Un detalle que parece claro en 512 píxeles puede perderse al reducirse a una pestaña del navegador.
