Por Qué Tu SVG Vectorizado Pesa Más que el PNG

Vectorizas un PNG a SVG esperando un archivo pequeño, limpio e infinitamente escalable. Obtienes algo varias veces mayor que se ve ligeramente mal. No ha fallado nada: eso es lo que hace la vectorización, y entender por qué lleva dos minutos y ahorra mucha frustración.

Vectorizar no es lo contrario de rasterizar#

Lo primero que conviene tener claro: convertir un PNG a SVG no recupera el archivo vectorial del que salió. Ese archivo, si alguna vez existió, ya no está. Rasterizar descarta las formas y conserva una rejilla de colores, y nada las reconstruye.

Lo que hace un vectorizador es partir de los píxeles e inventar formas nuevas. Agrupa píxeles en regiones de color parecido, dibuja un contorno alrededor de cada región y lo rellena. El resultado se aproxima a la imagen. Es un dibujo nuevo que se parece al viejo.

Esa distinción explica todo lo que viene después.

Por qué el archivo crece#

PNG y SVG pagan por cosas completamente distintas.

Un PNG paga por píxeles, y barato. Comprime encontrando patrones: una tirada de píxeles idénticos no cuesta casi nada, un degradado suave cuesta algo más.

Un SVG paga por fronteras, y caro. Cada región necesita su contorno escrito como coordenadas. Una sola forma plana son un puñado de números. Mil regiones pequeñas son mil contornos.

Así que el coste de un SVG escala con cuántas regiones distintas tiene la imagen, no con cuántos píxeles. Un logo tiene unas seis. Una fotografía tiene decenas de miles.

La misma relación, medida en tres archivos reales:

El logo se hace más pequeño: cuatro trazados lo describen por completo, y ahora escala a cualquier tamaño. La ilustración se triplica aproximadamente. La fotografía se hincha a más de diez veces el original, y encima se ve peor.

Por qué las fotografías son un caso perdido#

Una fotografía no tiene regiones planas. Cada parte es una gradación suave: tonos de piel, cielo, sombra, desenfoque. Un vectorizador tiene que aproximar todo eso con formas planas, lo que significa o pocas formas grandes (y parece un póster) o miles de formas diminutas (y el archivo estalla). No hay ajuste que evite esa disyuntiva.

Mientras tanto, JPEG es extraordinariamente bueno justo en esto. Almacena la variación suave de color de forma barata descartando detalle que nadie percibe. Pedirle a un SVG que compita es pedirle al formato equivocado precisamente aquello en lo que es peor.

La diferencia se detecta de antemano con facilidad, porque fotografías y dibujos difieren enormemente en cuántos colores distintos contienen. Medido en nuestros tres archivos de prueba: el logo negro tenía 244 colores distintos, la ilustración plana 150 y la fotografía 59.629. Tres órdenes de magnitud. Nuestras herramientas PNG a SVG y JPG a SVG los cuentan y te avisan antes de que esperes.

El número de colores es el control que importa#

Si solo vas a cambiar un ajuste, cambia este. Sobre la misma ilustración plana:

Dos colores produjeron un archivo treinta veces menor que dieciséis. Y fíjate en la fila que no es monótona: seis colores dieron un archivo mayor que ocho, porque una paleta ligeramente peor partió una región en varias. La cuantización no es ordenada, otra razón para probar varios ajustes y mirar, en vez de dar por hecho que más es mejor.

Empieza bajo. Sube solo mientras la vista previa mejore de forma visible, que en la mayoría de las ilustraciones planas deja de ocurrir mucho antes de lo que esperas.

Cuándo vectorizar funciona de verdad#

Funciona cuando el origen está realmente hecho de formas planas:

• Logos y logotipos, sobre todo en negro sobre blanco
• Dibujo lineal y dibujos escaneados
• Firmas y sellos
• Cualquier cosa que alimente una máquina de corte: las cortadoras de vinilo, las grabadoras láser y el software de bordado necesitan trazados, no píxeles, así que aquí vectorizar no es una optimización sino la única forma de entrar
• Un punto de partida en bruto para editar a mano en Illustrator o Inkscape

Y no funciona con fotografías, degradados, sombras paralelas, desenfoques ni capturas de texto. Todo eso depende de transiciones suaves, y las regiones planas no pueden representar una transición suave sin producir bandas o una cantidad enorme de formas.

Dos cosas que ayudan con un mal origen#

Si estás vectorizando algo escaneado o comprimido en JPEG, dos ajustes hacen casi todo el trabajo:

Sube el área mínima. La compresión JPEG deja artefactos en bloque tenues en lo que parece papel blanco liso, y un vectorizador los contornea fielmente uno a uno. Descartar regiones por debajo de 16 o 32 píxeles suele recortar mucho el número de trazados sin pérdida visible.

Aumenta el contraste antes de vectorizar. Si la tinta es bien negra y el papel bien blanco, hay menos grises intermedios, y por tanto menos regiones, menos trazados y un archivo más pequeño. Cinco segundos en cualquier editor de imagen ganan a cualquier cantidad de ajustes posteriores en el vectorizador.

La versión corta#

• Vectorizar inventa formas nuevas a partir de píxeles. No recupera un archivo vectorial original.
• El tamaño del SVG escala con el número de regiones de color, no de píxeles: por eso los logos encogen y las fotos estallan.
• Una fotografía vectorizada a SVG suele ser diez veces más grande y verse peor. Quédate con el original.
• El número de colores es el ajuste que importa. Empieza en 2 y ve subiendo.
• Con obra plana el resultado es realmente excelente: nuestro logo de prueba pasó de 7,7 KB a 1,9 KB y cuatro trazados, y ahora escala a cualquier tamaño.