Genera un favicon.ico a partir de una imagen
Genera un favicon .ico de varios tamaños a partir de una imagen.
Este generador de favicon convierte un JPG, PNG, WEBP, GIF o BMP en un archivo favicon.ico. Sube tu logotipo o icono, marca los tamaños que quieras, de 16x16 a 256x256, y descarga favicon.ico. Todos los tamaños elegidos se empaquetan en un solo archivo ICO, de modo que los navegadores y los sistemas operativos pueden escoger el que necesitan. Parte de una imagen cuadrada y de forma sencilla, porque un favicon se muestra en tamaños muy pequeños.
Cómo crear un favicon
Sube una imagen de hasta 20 MiB, elige los tamaños que quieres incluir y envía el formulario. Los tamaños disponibles son 16, 32, 48, 64, 128 y 256 píxeles, y todos vienen marcados por defecto. Descargas un único archivo llamado favicon.ico con todos los tamaños que hayas marcado.
Qué tamaños incluir
Las pestañas del navegador usan 16x16 y 32x32. Los accesos directos de Windows y algunas barras de marcadores usan 48x48 y tamaños mayores. Conservar los seis es una opción segura y el archivo sigue siendo pequeño. Si dejas todas las casillas sin marcar, la herramienta incluye los seis tamaños. La transparencia de los PNG se mantiene dentro del ICO.
Prepara la imagen de origen
Usa una imagen cuadrada, a ser posible de al menos 256 por 256 píxeles, con un símbolo claro y sencillo y sin texto fino. Los detalles pequeños desaparecen a 16 píxeles. Una imagen que no sea cuadrada puede deformarse, así que recórtala antes. Crea un PNG transparente si quieres que el icono se vea bien tanto en temas de navegador claros como oscuros.
Usar el favicon en tu sitio web
Sube favicon.ico a la raíz de tu sitio y añade en el head una etiqueta link, por ejemplo una línea rel=icon que apunte a /favicon.ico. Esta herramienta solo genera ICO, no iconos táctiles de Apple ni un manifiesto web. Para preparar antes la imagen, usa Redimensionar imagen, o el Convertidor de imágenes para pasar a PNG un SVG exportado.
Preguntas frecuentes
¿Qué imagen debo usar para hacer un favicon?
Usa un logotipo o icono cuadrado, a ser posible de 256 por 256 píxeles o más, con una forma sencilla y buen contraste. Las imágenes con muchos detalles y los textos pequeños dejan de leerse cuando se muestran a 16 píxeles en una pestaña.
¿Qué tamaños contiene el favicon?
Puedes incluir cuadrados de 16, 32, 48, 64, 128 y 256 píxeles. Todos vienen marcados por defecto y se agrupan en un solo archivo favicon.ico, para que cada navegador o sistema elija el tamaño que necesita.
¿Crea también iconos PNG o iconos táctiles de Apple?
No. El resultado es un único archivo favicon.ico. Si necesitas un PNG de un tamaño concreto, usa Redimensionar imagen, y si partes de un SVG, el Conversor SVG puede convertirlo a PNG con el ancho que elijas.
¿Se mantiene la transparencia en el favicon?
Sí. La imagen se convierte a RGBA antes de escribir el ICO, por lo que las zonas transparentes de un PNG siguen siendo transparentes en el icono. Los JPG no tienen transparencia, así que reciben un fondo sólido.
¿Dónde pongo el archivo favicon.ico en mi web?
Coloca favicon.ico en la carpeta raíz de tu sitio y haz referencia a él en el head de la página con un enlace rel=icon a /favicon.ico. Los navegadores también piden esa ruta por defecto, así que a menudo funciona incluso sin la etiqueta.
Herramientas relacionadas
Eliminar fondo
Quita el fondo de una foto y descarga un PNG con transparencia.
Usar herramienta →Cambiar fondo
Sustituye el fondo de una foto por un color o por una imagen propia.
Usar herramienta →Convertidor de imágenes
Convierte imágenes entre JPG, PNG, WEBP, GIF y BMP.
Usar herramienta →Comprimir imágenes
Reduce el tamaño de una imagen ajustando la calidad y, si quieres, sus dimensiones.
Usar herramienta →Redimensionar imagen
Cambia el tamaño de una imagen por anchura, altura o porcentaje.
Usar herramienta →Imagen a PDF
Reúne una o varias imágenes en un único PDF.
Usar herramienta →