UlvixorConvertidor a ICO (Favicon)
Sube una imagen y conviértela en un archivo .ico multi-resolución listo para usar como favicon de un sitio web o ícono de una aplicación de escritorio. Elige qué tamaños incluir y todo se genera localmente en tu navegador con canvas, sin subir el archivo a ningún servidor.
Cómo funciona
- Selecciona una imagen desde tu equipo con el selector de archivos (idealmente cuadrada y con buena resolución).
- Marca los tamaños que quieres incluir dentro del .ico: 16×16, 32×32, 48×48, 64×64, 128×128 y/o 256×256 píxeles.
- Por cada tamaño seleccionado, la imagen se redibuja en un <canvas> de ese tamaño y se codifica como PNG.
- Los PNG resultantes se empaquetan en un contenedor ICO generado a mano (cabecera ICONDIR + una entrada ICONDIRENTRY por tamaño), el mismo formato que usan los generadores de favicon.
- Descarga el archivo favicon.ico final, listo para subir a la raíz de tu sitio web.
Casos de uso
- Generar el favicon.ico de un sitio web a partir del logo en PNG o JPEG.
- Crear un ícono multi-resolución para una aplicación de escritorio Windows.
- Convertir un logo cuadrado en un .ico compatible con navegadores y sistemas antiguos que aún esperan ese formato.
- Producir varios tamaños de ícono en un solo archivo sin usar software de escritorio.
Casos de uso
- Generar el favicon.ico de un sitio web a partir del logo en PNG o JPEG.
- Crear un ícono multi-resolución para una aplicación de escritorio Windows.
- Convertir un logo cuadrado en un .ico compatible con navegadores y sistemas antiguos que aún esperan ese formato.
- Producir varios tamaños de ícono en un solo archivo sin usar software de escritorio.
Errores comunes
- Subir una imagen rectangular esperando que el ícono resultante no se vea deformado.La imagen se estira para llenar cada tamaño cuadrado seleccionado. Recorta la imagen a una proporción 1:1 antes de convertirla para evitar distorsión.
- Pensar que hay que generar un archivo .ico distinto por cada tamaño.Un solo archivo favicon.ico puede contener varias resoluciones a la vez; marca todos los tamaños que necesites y la herramienta los empaqueta juntos en un único archivo.
- Usar una imagen de baja resolución y esperar buena calidad en los tamaños grandes (128×128, 256×256).Cada tamaño se genera redimensionando la imagen original, así que si la fuente es pequeña o de baja calidad, los tamaños grandes saldrán borrosos o pixelados. Parte de una imagen de al menos 256×256 píxeles si vas a incluir los tamaños más grandes.
Preguntas frecuentes
No. Todo el redimensionado y el empaquetado del archivo .ico ocurre en tu navegador mediante canvas y JavaScript. La imagen nunca se envía a ningún servidor.
Para la mayoría de los sitios web, con 16×16, 32×32 y 48×48 es suficiente (son los tamaños por defecto de esta herramienta). Si el ícono también se usará como acceso directo de aplicación de escritorio o en pantallas de alta densidad, conviene agregar 64×64, 128×128 o 256×256.
Cualquier formato que tu navegador pueda mostrar de forma nativa: PNG, JPEG, WebP, GIF, BMP o SVG. Para mejores resultados, usa una imagen cuadrada, ya que se redimensiona directamente a cada tamaño elegido sin recortar.
Desde Windows Vista, el formato ICO admite entradas comprimidas en PNG, que es exactamente lo que genera esta herramienta. Es compatible con todos los navegadores y versiones modernas de Windows, y produce archivos más livianos que los mapas de bits sin comprimir clásicos.
Sí, pero el resultado se verá distorsionado porque la imagen se estira para llenar cada tamaño cuadrado. Para mejores resultados, recorta la imagen a una proporción 1:1 antes de convertirla.
Alternativas
Sitios como favicon.io o software de edición como GIMP con el plugin ICO también generan este formato. Esta herramienta es conveniente porque genera el .ico multi-resolución completo en un solo paso, directamente en tu navegador, sin instalar plugins ni subir tu logo a un servidor.