Convertir PNG a SVG

Convierte un PNG o un JPG en formas SVG escalables con los colores y el detalle que elijas. La vectorización se hace en tu navegador y la imagen nunca sale de tu dispositivo.

La imagen se decodifica y se vectoriza en tu dispositivo, en segundo plano en esta pestaña, y nunca se sube. El SVG también se construye aquí y no va a ninguna parte hasta que lo descargas o lo copias.

Reduce el archivo con el Optimizador de SVG

Acerca de Convertir PNG a SVG

El conversor de PNG a SVG transforma un mapa de bits en formas vectoriales escalables. Reduce la imagen al número de colores que elijas, encuentra dónde empieza y termina cada región de color y vuelve a dibujar cada región como un trazado suave, de modo que un logotipo o un icono se ve nítido a cualquier tamaño. Unos ajustes predefinidos para logotipos, iconos, ilustraciones, fotos y dibujos de línea en blanco y negro fijan valores iniciales razonables, y los controles deslizantes ajustan los colores, el detalle, la eliminación de motas y el desenfoque. Los píxeles que solo mezclan dos colores vecinos pasan a formar parte de una de esas regiones, así que un logotipo de colores planos sale con exactamente sus propios colores. Las zonas transparentes pueden seguir siendo transparentes, y una imagen grande se vectoriza a un tamaño reducido mientras que el SVG conserva sus dimensiones originales. Todo ocurre en tu dispositivo.

Características

  • Ajustes predefinidos para logotipos, iconos, ilustraciones, fotos y dibujos de línea en blanco y negro, cada uno un punto de partida que puedes modificar
  • De 2 a 64 colores elegidos a partir de los propios píxeles, de modo que un logotipo de colores planos conserva exactamente sus colores
  • Un control Detail que va de grueso y suave a fino y exacto, además de eliminación de motas y desenfoque para fuentes con ruido o en JPG
  • Las zonas transparentes siguen siendo transparentes, o se rellenan de blanco si lo prefieres
  • Un divisor de antes y después que se puede arrastrar, con zoom al 200% y al 400%, o una vista lado a lado, para revisar los bordes
  • La vectorización se ejecuta en segundo plano y muestra el tiempo transcurrido, y cambiar un ajuste cancela la que todavía está en curso
  • El SVG conserva el tamaño original y un viewBox coincidente, y se abre a ×1 o a ×2
  • Número de trazados, peso del archivo y colores usados, un aviso por encima de 1 MB, y descarga o copia del código SVG

Cómo usar Convertir PNG a SVG

  1. Suelta un PNG, JPG, WebP, GIF o BMP, o pega una imagen desde el portapapeles
  2. Elige el ajuste predefinido más cercano a tu imagen y luego modifica los colores, el detalle, la eliminación de motas y el desenfoque
  3. Arrastra el divisor por la vista previa y acércate con el zoom para revisar los bordes y los detalles pequeños
  4. Descarga el archivo .svg o copia el código SVG

Ejemplo

Entrada

logo.png — 640 × 640 px, 41 KB
Preset: Logo / flat colours (6 colours, detail 60%, remove specks 8 px)

Salida

logo.svg — 640 × 640 px
6 colours · 14 paths · 8.2 KB
Traced in 0.4 s

Un logotipo de colores planos se convierte en un puñado de formas, y el mismo archivo se ve igual de nítido como favicon que en una valla publicitaria.

Errores comunes y solución de problemas

  • Las formas tienen bordes irregulares o esquinas redondeadas. — Un borde vectorizado solo puede quedar tan limpio como los píxeles de los que parte. Usa la versión más grande de la imagen que tengas y prueba con un Detail entre 60% y 80%: un valor menor suaviza más y uno mayor sigue cada escalón de píxel.
  • El SVG pesa varios megabytes y tarda en abrirse. — Las fotos y un número alto de colores necesitan miles de formas pequeñas. Baja Colours, mueve Detail hacia Coarse, sube Remove specks a 15 px o más, o añade un poco de Blur.
  • Se ven líneas finas entre formas vecinas. — Activa Outline shapes. Dibuja el borde de cada forma con su propio color y está activado en todos los ajustes predefinidos salvo en Black & white.
  • El fondo transparente salió blanco. — El interruptor «Keep transparent areas» aparece solo cuando la imagen tiene transparencia; comprueba que esté activado. Un JPG no tiene transparencia que conservar, así que su fondo se vectoriza como un color.

Preguntas frecuentes

¿Por qué el conversor de PNG a SVG vuelve a dibujar mi imagen en lugar de convertirla exactamente?
Un PNG guarda una cuadrícula de píxeles de colores y un SVG guarda formas y curvas, así que no existe una manera sin pérdida de convertir uno en otro. La herramienta calcula dónde empieza y termina cada región de color y dibuja una forma para ella. Los bordes se convierten en curvas suaves, la textura fina se simplifica y los degradados pasan a ser bandas de color plano, por eso los logotipos y los dibujos de línea se vectorizan bien y las fotografías quedan estilizadas.
¿Cómo consigo el SVG más limpio a partir de un logotipo con el conversor de PNG a SVG?
Parte de la versión más grande y de mayor contraste del logotipo y elige el ajuste Logo. Fija Colours en el número de colores planos que tiene de verdad; la herramienta nunca usa más de los que contiene la imagen. Mantén Remove specks en 8 px o más para absorber los píxeles sueltos, añade un poco de Blur si la fuente es un JPG y revisa los bordes con zoom al 400% antes de descargar.
¿Qué hacen los controles Colours y Detail del conversor de PNG a SVG?
Colours es el máximo de colores que puede usar el SVG, de 2 a 64. Detail fija cuánto siguen las curvas el borde del píxel: hacia Coarse los contornos son menos, más suaves y algo más sueltos, y hacia Fine se pegan a cada escalón y el archivo crece. Remove specks fusiona con sus vecinas las formas de contorno corto, y Blur suaviza el ruido antes de elegir los colores.
¿Puede el conversor de PNG a SVG vectorizar una foto?
Sí, pero el resultado es una versión posterizada y estilizada de la foto hecha con formas de color plano, y el archivo es grande porque hacen falta miles de formas. El ajuste Detailed photo es el punto de partida más fiel. Para un archivo más pequeño baja los colores o sube Remove specks, y conserva las fotografías como JPG o WebP cuando solo necesites que parezcan fotografías.
¿Se sube mi imagen cuando la vectorizo con el conversor de PNG a SVG?
No. La imagen se decodifica y se vectoriza en tu dispositivo, y ni sus píxeles ni el SVG se envían a ningún sitio. Una imagen grande se reduce a 1200 píxeles en su lado largo para vectorizarla, de modo que termine en pocos segundos, y el SVG conserva el tamaño original.
¿Cómo abro y edito en Figma, Inkscape o Illustrator el SVG del conversor de PNG a SVG?
Descarga el .svg y arrástralo a la aplicación, o usa su comando Abrir o Importar. Cada forma es un trazado relleno simple con su color definido directamente en él, así que puedes cambiar el color, mover, fusionar o eliminar formas. El área de color más grande es una sola forma que queda debajo, y puedes eliminarla para obtener un fondo transparente. Copy SVG code pega el mismo código en HTML o en un editor de código.

Herramientas relacionadas

  • SVG a PNG — Convierte marcado SVG o un archivo .svg en un PNG o JPG nítido.
  • Optimizador de SVG — Minifica SVG: elimina comentarios, metadatos y restos del editor, y colapsa espacios.
  • Conversor de formato de imagen — Convierte imágenes entre PNG, JPEG y WebP por completo en tu navegador.
  • Cambiar tamaño de imagen — Redimensiona fotos por píxeles, porcentaje, tamaño predefinido o lado más largo, por lotes y con descarga en ZIP.
  • Generador de favicon — Crea favicon.ico, PNG de varios tamaños, un Apple touch icon y un manifiesto web desde una imagen, unas letras o un emoji.
  • Selector de color de imagen — Toma el HEX, RGB y HSL de cualquier píxel de una imagen.
  • SVG a PDF — Convierte gráficos SVG a PDF, manteniendo las formas como vectores siempre que se pueda.
  • Codificador / Decodificador de imágenes Base64 — Convierte imágenes en Data URIs Base64 con fragmentos HTML y CSS, o decodifica un Data URI a una imagen descargable.

Más herramientas de Imágenes

Ver todas las herramientas de Imágenes (37) · Todas las herramientas