Generador de Favicon

Convierte cualquier imagen en PNGs de favicon en todos los tamaños que necesites.

Elegir una imagen

El Generador de Favicon de ToolsSoup convierte cualquier imagen en PNGs de favicon nítidos en todos los tamaños que los navegadores y dispositivos esperan: 16×16, 32×32, 180×180 para el icono táctil de Apple, 192×192, 512×512 y más. Sube un logo o una foto, elige un fondo transparente o sólido y descarga cada tamaño con un solo clic, además del HTML listo para pegar en el head de tu página. Todo se ejecuta en tu navegador, así que tu imagen nunca se sube.

¿Qué es un favicon?

Un favicon es el pequeño icono que representa tu sitio web en las pestañas del navegador, los marcadores, el historial y en la pantalla de inicio del teléfono cuando alguien guarda tu página. Los sitios modernos necesitan varios tamaños: un 16×16 diminuto para la pestaña, un 32×32 para pestañas retina y accesos directos de la barra de tareas, un icono táctil de Apple de 180×180 para las pantallas de inicio de iOS, e iconos más grandes de 192×192 y 512×512 para Android y aplicaciones web progresivas. Este generador los produce todos a partir de una sola imagen.

Cómo crear un favicon a partir de una imagen

Crear un conjunto completo de favicons con ToolsSoup solo lleva unos segundos:

Haz clic en Elegir una imagen y selecciona un logo o foto cuadrada para obtener los mejores resultados.
Deja activado Mantener fondo transparente para logos PNG, o desactívalo y elige un color de fondo para rellenar el icono.
Haz clic en Generar favicons para renderizar cada tamaño en una cuadrícula de vista previa en vivo.
Haz clic en cualquier tamaño para descargar su PNG y luego copia el fragmento de HTML en el de tu página.

¿Qué tamaños de favicon necesitas?

Como mínimo, ofrece un PNG de 32×32 y otro de 16×16 para las pestañas del navegador. Añade un apple-touch-icon de 180×180 para que iOS muestre un icono nítido cuando los usuarios agreguen tu sitio a su pantalla de inicio, e incluye iconos de 192×192 y 512×512 para que Android y las aplicaciones web instalables se muestren correctamente. Esta herramienta genera todos estos, además de algunos tamaños intermedios, para que estés cubierto en todas partes.

¿Por qué usar este generador de favicon?

100% gratis, sin anuncios, marcas de agua, registro ni límites de uso.
Se ejecuta completamente en tu navegador: tu imagen nunca se sube a un servidor.
Genera todos los tamaños comunes de favicon a partir de una sola imagen con un clic.
Mantén un fondo transparente o rellénalo con cualquier color sólido.
Descarga cada PNG por separado y copia el HTML listo para pegar en tu head.

Preguntas frecuentes

¿Este generador de favicon es gratis?

Sí. Todas las herramientas de ToolsSoup son totalmente gratuitas, sin cuenta, registro, marcas de agua ni límites ocultos.

¿Mi imagen se sube a un servidor?

No. Toda la renderización del favicon ocurre localmente en tu navegador usando el canvas de HTML, así que tu imagen nunca se sube, se almacena ni la ve nadie más que tú.

¿Qué imagen debo usar para un favicon?

Usa una imagen cuadrada con un diseño simple y de alto contraste: los logos y los símbolos llamativos funcionan mejor porque los favicons se muestran muy pequeños. Si tu imagen no es cuadrada, se escalará para encajar, así que recortarla a un cuadrado primero da el resultado más limpio.

¿Necesito un archivo .ico?

Ya no. Todos los navegadores modernos admiten favicons en PNG referenciados con etiquetas link, que es lo que genera esta herramienta. Los PNGs te dan iconos nítidos en todos los tamaños sin las limitaciones del antiguo formato .ico.

¿Cómo añado el favicon a mi sitio web?

Descarga los tamaños en PNG, súbelos a la raíz o a la carpeta de assets de tu sitio, luego pega las etiquetas link de HTML generadas en el de tus páginas, ajustando las rutas del href para que coincidan con donde guardaste los archivos.