Convertir SVG a ICO - cada tamaño dibujado desde el vector

Seis: 16, 32, 48, 64, 128 y 256 píxeles en cuadrado. El de dieciséis es la pestaña del navegador, el de 32 la barra de tareas y de marcadores, el de 48 el escritorio de Windows, y los tres mayores cubren pantallas de alta densidad y las vistas de iconos grandes del Explorador. Cada uno es un PNG completo dentro del contenedor.

Porque reducir promedia el detalle hasta hacerlo desaparecer. Renderizamos una marca de pixel art de las dos formas a 16 × 16: dibujada directamente desde el vector produjo 141 píxeles completamente sólidos y ninguno semitransparente. Encogida desde un render de 512 píxeles, esa misma rejilla de 16 × 16 tenía 98 píxeles sólidos y 64 parcialmente transparentes: un 40 % de la tinta se volvió borrón.

No, y conviene saber cuándo. La ganancia es grande en ilustraciones cuyos bordes caen sobre la rejilla de píxeles: marcas geométricas, pixel art, cualquier cosa que use shape-rendering. En un icono de línea fina las dos son casi idénticas, porque un trazo de 2 unidades sobre un lienzo de 24 no llega a píxel y medio a tamaño 16 se llegue como se llegue.

Sí, como respaldo y no como protagonista. Todos los navegadores actuales prefieren un favicon en SVG o PNG si lo declaras, pero los accesos directos de Windows, los lectores RSS y una larga cola de navegadores empotrados siguen pidiendo /favicon.ico directamente. Es un archivo pequeño que evita que aparezca un icono roto en sitios que nunca pruebas.

Sí. Cada tamaño se guarda como PNG dentro del contenedor, con su canal alfa incluido, así que todo lo que tu SVG no pinta sigue siendo transparente. En los iconos eso importa más que en ninguna otra cosa, porque las pestañas, las barras de tareas y las de marcadores son de colores distintos y una caja blanca canta en todas ellas.

Simplifica, no afiles. A 16 píxeles tienes 256 en total, así que los trazos finos, el texto pequeño y el detalle apretado no pueden sobrevivir. Casi todos los buenos iconos son una única forma rotunda a ese tamaño. Dibuja una versión simplificada específica para uso pequeño en lugar de esperar que un conversor rescate la detallada.

Porque algunas versiones del shell de Windows toman la primera entrada que pueden usar en vez de buscar la que mejor encaja. Escribir la imagen de 256 píxeles primero hace que esas cojan la versión de alta resolución, y todo lo demás lee el directorio completo y elige bien igualmente. No cuesta nada y evita una clase de fallo que no puedes ver.

No. La entrada del directorio guarda el ancho y el alto en un solo byte cada uno, así que 256 es el techo, y se almacena como cero, la única rareza real del formato. Para algo mayor quieres un PNG: usa nuestra herramienta de SVG a PNG y fija el tamaño en píxeles que necesites.

Sí: el contenedor que genera esto es un ICO multitamaño estándar, exactamente lo que espera la sección de recursos de un ejecutable de Windows. Apunta tu instalador o tu herramienta de compilación a él. Ten en cuenta que las entradas de 256 píxeles se guardan como PNG y no como mapa de bits en bruto, algo que Windows lee sin problemas desde Vista.

No. El renderizado, la codificación y el empaquetado ocurren todos en tu navegador. Tu ilustración nunca se envía a un servidor, nunca se escribe en ningún sitio salvo tu propia carpeta de descargas, y no hay cola: el único límite es tu dispositivo.