Cómo usar la herramienta PNG a SVG
- Suelta un sprite PNG, GIF o WebP.
- Elige un modo de salida: un path por color (el más liviano), rectángulos fusionados o un rect por píxel.
- Define el tamaño de visualización; el viewBox se mantiene en píxeles, así que el SVG escala limpio de todas formas.
- Si quieres, agrega un fondo sólido.
- Descarga el .svg o copia el código.
Qué obtienes
- SVG con shape-rendering="crispEdges"
- Comparación del peso del archivo en cada modo
- Código SVG listo para copiar
Consejos de quienes la usan para hacer juegos
- El modo paths suele ser el más liviano y es el que conviene para la web, los íconos y los cortadores láser.
- El modo rects es el más fácil de editar a mano o de animar con CSS, porque cada bloque es un elemento propio.
- Usa sprites pequeños. Un sprite de 64×64 se convierte al instante; una imagen tipo foto con miles de colores genera un SVG enorme.
- Los píxeles semitransparentes pasan a fill-opacity, así que las sombras suaves sobreviven a la conversión.
Casos de uso
- Usar sprites como íconos o logos nítidos en un sitio web
- Imprimir pixel art en grande (pósters, stickers, merch)
- Importar pixel art a Figma, Illustrator o Inkscape
- Corte láser y corte de vinilo a partir de diseños en píxeles
Preguntas frecuentes
¿La conversión es sin pérdida?
Sí. Cada píxel queda cubierto por exactamente una forma con su color y alfa exactos. Si rasterizas el SVG al tamaño original, recuperas el PNG original.
¿Por qué no simplemente vectorizar la imagen con trazado?
Las herramientas de trazado suavizan los bordes en curvas, lo que arruina el pixel art. Este convertidor mantiene los bordes duros de 90° sobre la cuadrícula de píxeles.
¿Qué modo genera el archivo más liviano?
Paths. Los rectángulos del mismo color comparten un solo elemento path con comandos relativos cortos. La herramienta muestra el peso de cada modo para que los compares.
¿Se verá borroso al escalarlo?
No. El SVG usa shape-rendering="crispEdges" y coordenadas enteras, así que los bordes se mantienen nítidos con cualquier zoom.
¿Hay un límite de tamaño?
Hasta 512×512 píxeles. Las imágenes más grandes producen SVG demasiado pesados para ser útiles.
¿Se sube mi imagen?
No, la conversión ocurre en tu navegador.