Convertir PNG a SVG
Convierte un PNG en un SVG escalable en tu navegador. Sirve para logotipos e iconos planos con pocos colores, no para fotografías.
Suelta tus archivos aquí
.png · hasta 20 MB
Más ajustesMenos ajustes
Cómo vectorizar a SVG
- 1
Suelta tu PNG
Hasta 20 archivos, 20 MB cada uno y 4 megapíxeles por imagen. Los archivos JPEG, WebP y BMP con nombre .png se convierten en silencio.
- 2
Elige el número de colores
Menos colores significa un resultado más limpio y ligero. Dos van bien para una marca negra sobre blanco; ocho sirven para la mayoría de iconos planos.
- 3
Descarga el SVG
La tarjeta de resultado muestra cuántos colores y contornos han salido, para que veas al momento si los ajustes eran los adecuados.
Qué hace en realidad el trazado
Vectorizar no es una conversión directa, es una aproximación. Primero la imagen se cuantiza a una paleta limitada y luego se sigue el contorno de cada región de un solo color, convirtiéndolo en una cadena de segmentos rectos y curvas de Bézier. Eso funciona bien cuando el original está hecho de zonas planas: un logotipo, una plantilla, un icono de app, la captura de una gráfica. Funciona mal cuando el origen es de tono continuo: en una fotografía no hay zonas planas claras que encontrar, así que el trazador inventa miles de zonas diminutas, se redondean los bordes, los degradados suaves se parten en bandas visibles y el SVG acaba siendo a la vez más grande que el PNG y más blando al verlo. Esta herramienta procesará una foto igualmente y lo avisa en la tarjeta de resultado, pero es mejor explicarlo aquí que sorprenderte después.
Los cuatro controles y para qué sirve cada uno
El número de colores es el control principal: decide el tamaño de la paleta a la que se cuantiza todo y marca tanto el tamaño del archivo como lo limpias que se ven las líneas. Suavizado fija lo ajustadas que tienen que ir las curvas al contorno trazado: bajo mantiene las esquinas marcadas a costa de muchos más nodos, alto produce curvas suaves que pueden tragarse detalles pequeños. Ignorar formas pequeñas descarta cualquier contorno más corto que la cantidad de píxeles indicada, es la opción adecuada para artefactos de JPEG y ruido de escáner. El grosor del contorno está en cero por defecto, lo que significa que las formas se rellenan sin trazo visible; súbelo si quieres que cada región se dibuje también con un contorno del mismo color.
Transparencia y el resultado que puedes revisar
Con Conservar transparencia activado, los píxeles por debajo de media alfa se tratan como una entrada transparente aparte en la paleta y no se dibujan, así que un logotipo sobre fondo transparente sale con el fondo transparente. Si lo desactivas, primero se coloca un rectángulo en el color opaco más común y encima las formas trazadas, lo que ayuda cuando el destino no admite transparencia en absoluto. En los dos casos el resultado es XML sencillo y legible: puedes abrirlo en cualquier editor, ver las rutas y cambiar un relleno a mano.
Tu archivo se queda en tu dispositivo
La decodificación y el trazado se ejecutan dentro de la pestaña de tu navegador. El decodificador de PNG está en WebAssembly, el motor de trazado en JavaScript, y ninguno se comunica con la red. Nada se sube ni se pone en cola en un servidor, y al cerrar la pestaña todo se borra de la memoria.
Preguntas frecuentes
¿Por qué el SVG no se ve idéntico a mi PNG?
Porque el trazado reconstruye la imagen con curvas en lugar de copiar píxeles. Los colores se reducen a una paleta limitada y cada borde se aproxima con una curva que pasa cerca del borde original, no exactamente por él. En dibujos planos la diferencia es invisible a tamaño normal; en contenido detallado o fotográfico es evidente.
¿Cuántos colores debo elegir para un logotipo?
Cuenta los colores planos del logotipo y usa ese número. Una marca de un solo color sobre fondo blanco se traza mejor con 2, una marca típica de dos tonos con 3 o 4. Subir más no añade fidelidad en arte plano, solo divide los píxeles suavizados del borde en formas intermedias extra y engorda el archivo.
¿Por qué el resultado es tan pesado para una foto?
Una foto no tiene zonas planas, así que el trazador genera un contorno para cada pequeña zona de color similar, a menudo decenas de miles. Si los contornos superan los 50 000 nodos se rechaza el resultado en lugar de entregarlo, porque sería más lento de abrir que el original y peor de ver. Baja el número de colores a 4 y sube «ignorar formas pequeñas» si aun así quieres probar.
¿Qué hace «ignorar formas pequeñas»?
Elimina cualquier contorno trazado más corto que esa cantidad de píxeles. Pequeñas motas de la compresión JPEG, grano de escáner o un fondo algo ruidoso se convierten en contornos si no, y cada uno añade peso sin aportar nada visible. El valor por defecto de 8 quita la mayor parte del ruido y mantiene detalles intencionados como el punto de una i.
¿Puedo añadir un contorno alrededor de las formas?
Sí. Sube el grosor del contorno por encima de cero y cada región trazada se dibuja con un trazo del mismo color que su relleno. En 0 las formas solo se rellenan, que es lo normal para un logotipo, porque un contorno del mismo color solo hace cada forma un poco más gruesa.
¿Se conserva la transparencia?
Sí, cuando Conservar transparencia está activado. Los píxeles por debajo de media alfa tienen su propia entrada en la paleta y no se dibujan, así el fondo sigue siendo transparente en lugar de volverse un recuadro blanco. Apaga el interruptor para obtener un rectángulo de fondo sólido en el color más común de la imagen.
¿Cuántos archivos puedo vectorizar a la vez?
Hasta 20 archivos, 20 MB y 4 megapíxeles cada uno. El límite de megapíxeles es más bajo que en otras herramientas para PNG a propósito: el tiempo de trazado crece más rápido que el número de píxeles y una imagen mayor bloquearía la pestaña en lugar de terminar.
¿El archivo se sube a un servidor?
No. El PNG se decodifica y se traza en tu navegador, y el SVG también se genera allí. Nada sale de la pestaña en ningún momento.