¿Cómo vectorizo pixel art sin que se suavice?

Actualizado el

Elige el preajuste Pixel art en el taller de Homotope: cada píxel conserva su forma cuadrada, los contornos siguen siendo escalones exactos, los colores (hasta 64) no se mezclan y el SVG se descarga gratis.

Pixel art en JPEG: un mago con sombrero puntiagudo y bastón con gema, en píxeles cuadrados grandes bordeados por los bloques del JPEG. JPG · 640 × 640 px
El mismo pixel art vectorizado en SVG: cada píxel vuelve a ser un cuadrado nítido. SVG del motor
Sprite de 64 × 64 píxeles ampliado ×10 y guardado en JPEG (640 × 640 px), y SVG del motor, preajuste Pixel art, «Número de colores» en 14 y «Área mínima» en 50 px², sin retoques: contornos escalonados exactos, ningún píxel redondeado, los bloques del JPEG desaparecen.
Detalle ×6: la estrella del sombrero: escalones cuadrados, ninguno redondeado, sin los bloques del JPEG. Desliza el control para comparar; pasa el ratón por la imagen o mantén el dedo encima para mover la lupa.
Probar con tu imagen

Los pasos

  1. Abre el taller y suelta el sprite en PNG (o WebP).
  2. Elige Pixel art: sin eliminación de ruido, sin sobremuestreo, sin suavizado y sin banda de mezcla.
  3. Comprueba con el deslizador que cada píxel sigue siendo cuadrado y descarga el SVG.

Archivo original (32 × 32 px) o ampliado por vecino más próximo (×4, ×8): los dos funcionan y dan las mismas formas. Con la «Fusión por color», los píxeles vecinos del mismo color forman un único trazado escalonado, más ligero que un cuadrado por píxel. La transparencia del sprite se conserva.

Nada sale de tu ordenador: consulta vectorizar sin subir la imagen.

La trampa: un pixel art desenfocado

Un pixel art ampliado con interpolación bilineal (la opción por defecto de muchos programas y webs) tiene los bordes difuminados: cada frontera gana píxeles de colores intermedios, que se convierten en pequeñas formas parásitas. Vuelve al archivo original o expórtalo de nuevo por vecino más próximo. Por encima de 64 colores, los tonos más cercanos se agrupan: reserva Pixel art para paletas limitadas y usa Ilustración para una imagen más rica.

Para qué sirve

Exportaciones de fabricación (DXF, EPS, PDF, separaciones): 2 al mes gratis con una cuenta, ilimitadas con Pro; sin Pro, 1 crédito cada una más allá de esas 2. El detalle: cuánto cuesta vectorizar.

Preguntas frecuentes

¿Por qué en otros sitios mis píxeles salen redondeados?

Un vectorizador generalista suaviza los contornos. El preajuste Pixel art los mantiene sobre la cuadrícula de píxeles, sin curvas.

¿Hay que ampliar el sprite antes?

No: basta con el archivo original. Una ampliación por vecino más próximo también funciona; una ampliación borrosa, no.

¿El SVG del pixel art es gratis?

Sí, sin cuenta y sin límite, igual que la exportación PNG ampliada, salvo el fondo transparente y el recoloreado (Pro).

Preguntas relacionadas

Guías y conversiones

Probar con tu imagen