Cambiar el nombre del archivo no es convertirlo

Cambiar el nombre de un archivo de logo.png a logo.svg no cambia lo que hay dentro. Los bytes siguen siendo un PNG, así que un programa que espera código SVG no encuentra ninguno.

Un SVG que lleva el PNG dentro de un elemento <image> tampoco es un vector. Se abre como un SVG, pero la imagen sigue siendo una cuadrícula de píxeles: se ve borrosa al ampliarla, y un editor vectorial o una máquina de corte no pueden seleccionar ninguna forma suelta en ella. Una conversión real traza la imagen y reconstruye cada zona de color como un trazado cerrado. Cómo distinguir un vector real de un PNG envuelto.

Convertir un PNG a SVG con png2svg.art

Tres pasos: una imagen, una lupa para la vista previa y una descarga

  1. Sube un PNG, JPG, WebP o HEIC de hasta 25 MB en el convertidor. Las imágenes de más de 2048 px en el lado largo se reducen a ese tamaño antes de trazarlas.
  2. Elige un preajuste: Estándar (empieza en 8 colores), Cricut / Vinilo (empieza en 4 colores, quita el fondo y fusiona las formas demasiado estrechas para cortarlas), Arte lineal / Esténcil (siempre 2 tonos) o Ilustración detallada (empieza en 16 colores).
  3. Ajusta Colores, hasta (de 2 a 24) al número de colores que ves. Es un tope: una ilustración plana conserva solo los colores que realmente tiene.
  4. Deja activadas las Curvas suaves. Activa Quitar fondo si la imagen está sobre un fondo liso que no quieres en el SVG.
  5. Revisa el resultado completo en la vista previa, con marca de agua y gratis, sin registro (5 vistas previas al día como invitado). Cambia los ajustes y vuelve a trazar hasta que se vea bien.
  6. Desbloquea el SVG limpio por 1 crédito (3 créditos gratis con una cuenta; se inicia sesión con Google) y descárgalo o ábrelo en el editor SVG.

El SVG se agrupa por objeto: el fondo (cuando la imagen lo tiene) y cada objeto forman su propio grupo, y dentro de un objeto cada forma es su propio trazado relleno, anidado según lo que la rodea, así que en un editor puedes ocultar, mover o eliminar un objeto, o una parte de él. Si prefieres la organización anterior, un trazado por color, pon Capas en Por color en Ajustes. Las zonas transparentes de un PNG o WebP siguen transparentes, y se comprueba que cada resultado contenga solo trazados vectoriales, sin ningún mapa de bits incrustado.

Un sticker de un corgi como PNG y como el SVG trazado, uno al lado del otro

Una de nuestras imágenes de ejemplo como PNG (izquierda) y el SVG que png2svg.art trazó a partir de ella (derecha): 7 colores en 33 trazados, con el borde blanco del sticker conservado.

Convertir un PNG a SVG en Inkscape

Inkscape es un editor vectorial de escritorio gratuito y de código abierto. Su herramienta para vectorizar mapas de bits funciona así:

  1. Abre el PNG, o tráelo con Archivo > Importar (File > Import), y selecciónalo con la herramienta Selector.
  2. Elige Trayecto > Vectorizar mapa de bits (Path > Trace Bitmap, Mayús+Alt+B).
  3. Para una silueta de un color, elige Escaneo único (Single scan) con Umbral de brillo (Brightness cutoff). Para un trazado en color, elige Escaneos múltiples (Multiple scans) con Colores (Colors) y define el número de escaneos; ese modo también ofrece Eliminar fondo (Remove background). Escaneos múltiples crea un objeto separado por cada escaneo.
  4. Haz clic en Actualizar (Update) para ver el resultado y luego en Aplicar (Apply) para crear los trazados.
  5. El trazado se coloca encima del mapa de bits. Apártalo con el Selector, revísalo y elimina el mapa de bits.
  6. Guarda con Archivo > Guardar como… (File > Save As…) y elige SVG plano (Plain SVG), que deja fuera los datos de edición propios de Inkscape.

Convertir un PNG a SVG en Adobe Illustrator

Illustrator es un programa de pago de Adobe. Su función Calco de imagen (Image Trace) funciona así:

  1. Elige Archivo > Colocar (File > Place) para traer el PNG a un documento y selecciónalo.
  2. Abre Ventana > Calco de imagen (Window > Image Trace).
  3. Elige un ajuste preestablecido, por ejemplo uno de los de número de colores o Logotipo en blanco y negro (Black and White Logo). En un calco en blanco y negro, Ignorar blanco (Ignore White) deja las zonas blancas fuera del resultado.
  4. Haz clic en Expandir (Expand) en el panel Control o Propiedades. Eso convierte el calco en trazados editables, agrupados; después de expandir ya no puedes cambiar las opciones del calco.
  5. Elige Archivo > Exportar > Exportar como… (File > Export > Export As…) y elige SVG como formato.

Si te saltas Expandir, el calco sigue siendo un objeto de calco y no trazados normales, así que expándelo antes de exportar.

Convertir un PNG en líneas de corte en Cricut Design Space

Si lo único que quieres es cortar en una máquina Cricut, Design Space puede usar el PNG directamente:

  1. Elige Cargar (Upload) y abre el PNG o JPG.
  2. Quita el fondo con las herramientas Seleccionar y Borrar (Select and Erase).
  3. Elige Capa única (Single Layer) para un corte de un solo color, o Gráfico plano (Flat Graphic) para Imprimir y luego cortar (Print Then Cut); después ponle nombre a la imagen y cárgala.

Cricut cambia el nombre de estas opciones de vez en cuando, así que las etiquetas de tu pantalla pueden ser algo distintas. Convertir una imagen plana en varias capas de color con Convertir en capas (Convert to Layers) requiere una suscripción a Cricut Access. Un trazado de png2svg.art, agrupado por objeto y con cada forma como su propio trazado, se carga como una imagen agrupada cuyas capas puedes desagrupar: consulta PNG a SVG para Cricut y Silhouette.

Qué opción usar

Opción Conviene cuando Ten en cuenta
png2svg.art Logos multicolor e ilustraciones planas, trazados online sin instalar nada La vista previa con marca de agua es gratis; un SVG limpio cuesta 1 crédito
Inkscape Quieres una herramienta de escritorio gratis y ajustar el trazado o editar nodos Hay más ajustes que aprender
Adobe Illustrator Ya lo usas Expande el calco antes de exportar
Cricut Design Space Solo quieres un corte de un color o Imprimir y luego cortar Obtienes líneas de corte dentro de Design Space, no un archivo SVG

Preguntas

¿La conversión mantiene el fondo transparente?

En png2svg.art, sí para PNG y WebP: solo se trazan los píxeles con más de la mitad de opacidad, así que las zonas transparentes siguen transparentes y el SVG no lleva ningún rectángulo de fondo. Un JPG no tiene transparencia; activa Quitar fondo para dejar fuera un fondo liso. Más en ¿Convertir PNG a SVG mantiene el fondo transparente?

¿Puedo conservar los colores?

Hasta 24 colores planos, agrupados por objeto, con cada forma como su propio trazado. Los sombreados y degradados se reducen a franjas de color plano. ¿Cuántos colores debe tener un SVG trazado?.

¿Puedo convertir PNG a SVG sin perder calidad?

Trazar vuelve a dibujar la imagen; no es una conversión sin pérdida. Los logos e iconos planos quedan muy parecidos al original y luego se escalan sin desenfoque. Las fotos y los degradados pierden detalle, porque se reducen a 24 colores planos como máximo. El trazado no puede añadir el detalle que le falta a un PNG pequeño.

¿Es gratis?

En png2svg.art, la vista previa con marca de agua es gratis y sin registro, y un SVG limpio cuesta 1 crédito (3 créditos gratis con una cuenta). Inkscape es software libre; Illustrator es de pago.