Comparación
16 colores vivos
16 colores oscuros
Elige una imagen para comparar
Elige una imagen para comparar
OriginalResultado SVGCómo funciona
Suelta tu imagen
Arrastra un PNG, WebP, BMP, GIF o JPEG al área de carga, haz clic para buscarlo o elige uno de los ejemplos. Se admiten imágenes de hasta 1024 × 1024 píxeles y nunca se redimensionan.
Ajusta el resultado
Elimina un color de fondo, une los píxeles del mismo color en trazados compuestos, reduce la paleta con la posterización, conserva o aplana la transparencia parcial y recorta los bordes vacíos. La vista previa se actualiza al instante.
Compara y descarga
Revisa el original y el SVG lado a lado, haz zoom, pasa el cursor por cualquier forma para ver su color exacto y descarga el SVG.
Funciones
1 píxel = 1 unidad SVG
El ancho, el alto y el viewBox coinciden con tu imagen. Toda la geometría usa coordenadas enteras y solo bordes horizontales y verticales: sin curvas, trazos, aproximaciones ni mapas de bits incrustados.
Trazados compuestos
Los píxeles del mismo color se trazan en un único trazado compuesto por color, y los huecos se conservan con la regla de relleno even-odd. Las ilustraciones planas suelen ocupar mucho menos.
Posterización
Reducción de color por corte de mediana ponderado, desde todos los colores originales hasta dos, sin tramado y sin mover ni un solo píxel.
Transparencia
Los píxeles totalmente transparentes se omiten; la transparencia parcial se convierte en fill-opacity o puede volverse totalmente opaca.
Recortar bordes transparentes
Recorta opcionalmente las filas y columnas exteriores vacías y conserva intactos los huecos interiores y los píxeles tenues.
Privado por diseño
La conversión se ejecuta en un Web Worker dentro de tu navegador. Tus imágenes nunca se suben a un servidor.
¿Por qué no usar Calco de imagen o Vectorizar mapa de bits?
Los vectorizadores generales como Calco de imagen de Illustrator, Vectorizar mapa de bits de Inkscape o potrace están pensados para fotos y dibujos escaneados. Ajustan curvas suaves al contorno de cada zona de color, de modo que las esquinas cuadradas del pixel art se convierten en manchas redondeadas, las líneas de un píxel tiemblan o desaparecen y los colores vecinos se mezclan.
Pixel to SVG no ajusta nada. Recorre el límite exacto entre píxeles de distinto color sobre la cuadrícula entera, así que el SVG es una copia sin pérdidas de la imagen: escálalo al tamaño que quieras y cada píxel seguirá perfectamente cuadrado y nítido.
Preguntas frecuentes
¿La conversión es realmente sin pérdidas?
Sí. Cada píxel de origen se convierte en exactamente una unidad SVG y los colores se copian byte a byte (salvo que elijas posterizar). La geometría es una unión exacta de cuadrados de píxel, así que al mostrar el SVG a una escala entera se reproduce la imagen original.
¿Se suben mis imágenes a algún sitio?
No. La decodificación, el procesamiento de color y la generación del SVG se hacen localmente en tu navegador. No se envía nada a ningún servidor.
¿Qué formatos de imagen puedo convertir?
PNG, WebP, BMP, GIF y JPEG, de hasta 1024 × 1024 píxeles. Se recomienda PNG sin pérdidas: la compresión JPEG añade colores de ruido y los formatos animados usan su primer fotograma.
¿Cómo elimino el fondo?
Activa «Eliminar este color exacto» e introduce el color de fondo, por ejemplo #FFFFFF. Solo se eliminan los píxeles con ese valor RGB exacto. Los píxeles que ya son transparentes siempre siguen siéndolo.
¿Por qué mi archivo SVG es tan grande?
Las imágenes con muchos colores aislados, como las tramadas, necesitan muchas formas separadas. La posterización reduce el número de colores y unir los píxeles del mismo color mantiene compactas las zonas planas.
¿El SVG se verá nítido en todas partes?
El SVG solicita bordes nítidos, así que los niveles de zoom enteros coinciden perfectamente con los píxeles de la pantalla. A escalas fraccionarias, algunos visores pueden suavizar ligeramente los bordes entre formas.
