Generador de favicon ICO desde imagen

Elige una imagen y uno de los cinco tamaños cuadrados. Con JavaScript el icono se genera en este navegador y no se sube nada; sin JavaScript el formulario envía el archivo al servidor. En ambos casos descargas un favicon.ico que conserva la transparencia y la proporción del original.

1. Selecciona una imagen PNG, JPEG, GIF o WebP. Una imagen cuadrada ofrece el mejor resultado.

2. Elige las dimensiones ICO que necesite el navegador o la aplicación de destino.

3. Genera y descarga el archivo favicon.ico y añádelo a los recursos de tu sitio.

Dimensiones del ICO:

Cómo convertir una imagen en favicon.ico

Elige una imagen PNG, JPEG, GIF o WebP, selecciona uno de los cinco tamaños cuadrados y descarga un favicon.ico para una pestaña, un marcador o una aplicación instalada. El icono conserva la forma del original: una imagen no cuadrada se ajusta, se centra y se rellena con márgenes transparentes en lugar de estirarse.

Con JavaScript el archivo se descodifica en este navegador y el ICO se escribe aquí, así que la imagen no se sube. El formulario sigue funcionando sin JavaScript: envía el archivo al servidor, que acepta hasta 200 KB. Ambas rutas generan el mismo formato: imagen de 32 bits con su máscara AND de 1 bit, de modo que la transparencia se mantiene.

  1. Elige una imagen: PNG, JPEG, GIF o WebP.
  2. Selecciona el tamaño cuadrado: 16, 32, 48, 64 o 128 píxeles.
  3. Pulsa «Generar ICO».
  4. Compara la vista previa con la imagen original; el damero del fondo es la zona transparente.
  5. Descarga favicon.ico y colócalo en la raíz del sitio o apunta ahí tu <link rel="icon">.
  6. Si el navegador sigue mostrando el icono antiguo, fuerza la recarga: la caché de favicons es persistente.

Para qué sirve cada tamaño, cómo se ajusta la imagen y dónde se convierte

Para qué sirve cada tamaño

16 px es el icono clásico de pestaña, 32 px es el valor predeterminado aquí y cubre pestañas en pantallas de alta densidad, 48 px y 64 px los usan accesos directos de escritorio, conmutadores de tareas y algunos lanzadores de Android, y 128 px cubre fichas de tienda y mosaicos de aplicación. Se genera ICO y no PNG porque los accesos directos y los shells antiguos de Windows esperan un contenedor ICO.

Un archivo contiene una imagen: un icono de 32 px ocupa 4.286 bytes, el de 16 px 1.150 bytes y el de 128 px 67.646 bytes. El navegador escala la única imagen que encuentra, así que el tamaño elegido equilibra nitidez en mosaicos grandes y bytes en cada carga.

Cómo se ajusta la imagen

Una imagen cuadrada se escala directamente al tamaño elegido. Una imagen no cuadrada conserva su proporción: se ajusta al cuadrado, se centra y los márgenes sobrantes quedan transparentes, así que los círculos siguen siendo círculos y los logotipos no se deforman.

La transparencia se escribe dos veces: en el canal alfa de 32 bits y en la máscara AND que aún usan lectores antiguos. Un PNG transparente conserva su fondo transparente en lugar de volverse negro. Un GIF animado se lee como su primer fotograma y un JPEG no tiene transparencia que conservar.

Dónde se convierte y qué rechaza

Con JavaScript la imagen no sale del dispositivo: no hay subida, no hay límite de tamaño y la herramienta funciona sin conexión. La alternativa sin JavaScript envía la imagen al servidor y acepta hasta 200 KB (204.800 bytes).

Ambas rutas rechazan imágenes mayores de 4096 × 4096 píxeles, porque un mapa de bits mayor agota la memoria de una petición, y ambos rechazan formatos distintos de PNG, JPEG, GIF y WebP. Ampliar está permitido —una imagen de 4 × 4 genera un archivo de 128 px—, pero el resultado no gana detalle.

Herramientas recientes: