Convertir PNG a SVG.
Convierte una imagen PNG, JPG o WebP en SVG trazando sus formas como trazados vectoriales. Elige cuántos colores conservar y cuánto seguir los bordes, compara el resultado con el original y copia el código SVG o descarga el archivo. Funciona mejor con logos, iconos e ilustraciones planas, y como se ejecuta en tu navegador, tus imágenes nunca se suben.
Funciona mejor con logos, iconos e ilustraciones planas. Las fotos se convierten en muchas formas pequeñas y en un archivo grande.
Funciona en tu navegador. Nada de lo que añadas aquí se sube ni se guarda.
Convertir SVG a PNGCómo convertir PNG a SVG
- Elige una imagen o suéltala en el recuadro de arriba: PNG, JPG o WebP.
- Elige el número de colores, de 2 a 24. Empieza en 8. Un logo de dos colores solo necesita 2 o 3; más colores conservan más sombreado pero añaden formas.
- Elige el detalle: Fino sigue los bordes de cerca, Equilibrado sirve para la mayoría de logos y Suave da curvas más redondas y menos formas.
- Convierte, compara el SVG con el original y copia el código o descarga el archivo
.svg.
Conviene saber:
- Ideal para logos e iconos. El trazado convierte las zonas de color plano en formas. Una foto se convierte en miles de formas pequeñas y un archivo enorme, así que deja las fotos en WebP o JPG.
- Imágenes grandes. Antes de trazar, la imagen se reduce a 1.000 píxeles en su lado más largo, lo que basta para un logo y mantiene el SVG ligero.
- Es un trazado, no el original. Si el diseñador aún tiene el logo en SVG, AI o Figma, exporta desde ahí. El trazado es para cuando solo tienes el mapa de bits.
Limpia el SVG con Codex
Un SVG trazado funciona tal cual, pero Codex puede hacerlo más cómodo en tu proyecto: menos puntos, un color que puedas cambiar con CSS o un componente que puedas importar.
Este SVG es una versión trazada de nuestro logo. Simplifica los trazados sin cambiar su aspecto, elimina las formas menores de [2px], pon el color principal en currentColor para poder cambiarlo con CSS y añade un title para lectores de pantalla. Después conviértelo en un componente de [React] llamado [Logo] con una prop size.
Preguntas frecuentes
¿El conversor de PNG a SVG es gratis?
Sí. Sin registro, sin marca de agua y sin límite diario.
¿Se suben mis imágenes?
No. Tu navegador traza la imagen y crea el SVG en tu dispositivo. El sitio solo cuenta que se usó la herramienta, nunca lo que pusiste.
¿Por qué mi SVG pesa tanto?
Probablemente la imagen tiene muchos colores o textura fina, como una foto o un degradado. Baja el número de colores y elige Suave, y bajará el número de formas que aparece bajo el resultado. Para fotos, convertir PNG a SVG no es la herramienta adecuada; usa WebP.
¿Puedo editar el SVG después?
Sí. El resultado es un SVG normal hecho de trazados rellenos, uno por forma, así que puedes abrirlo en Figma, Illustrator o Inkscape, o editar el código directamente.