Dos archivos que terminan en .svg
Abre dos SVG «convertidos» en un editor de texto. El primero contiene un solo elemento <image> cuyo href es una cadena larga data:image/png;base64,…. El segundo contiene elementos <path> con datos de coordenadas d="M12 4 L…" y un color fill cada uno. Los dos se abren en un navegador y los dos se ven bien a su tamaño original. Solo el segundo es un vector.
El envoltorio es exactamente lo que parece: el mapa de bits original metido dentro de un contenedor SVG. Si lo amplías, el navegador escala los píxeles, así que los bordes se ven borrosos igual que en el PNG. Las cortadoras y los editores vectoriales no pueden seleccionar ninguna forma dentro, porque no hay formas: solo un rectángulo de píxeles.
Un SVG trazado describe la imagen como geometría. Cada zona de color se convierte en un contorno cerrado hecho de segmentos rectos y curvas de Bézier; el renderizador rellena ese contorno al tamaño que le pidas, así que los bordes siguen nítidos a 10 mm o a 10 m.
Lo que entrega png2svg.art
El trazador agrupa los píxeles de tu imagen en un número reducido de colores planos y luego traza el contorno de cada zona de color con segmentos rectos y curvas de Bézier. Donde dos colores se tocan comparten un mismo borde, así que no se abren huecos entre ellos. El resultado es un <path> por cada forma, relleno con su color, agrupado por objeto y anidado según qué encierra a qué (con Capas en Por color, un <path> por color). Los agujeros, como el interior de una «O», siguen abiertos con cualquiera de las dos reglas de relleno de SVG. No hay ningún elemento <image>, ni mapa de bits incrustado, ni scripts: cada resultado se comprueba antes de guardarse y solo puede contener trazados, grupos y títulos.
Como la geometría es real, la vista previa indica un número real de trazados y la paleta que se usó. Si un logo sale con 6 trazados y 6 colores, eso es literalmente lo que hay en el archivo.
La «Fe» de uno de nuestros logotipos de texto de ejemplo, ampliada en la misma proporción: el PNG de 256 px muestra su cuadrícula de píxeles (izquierda); el SVG trazado a partir de la imagen a tamaño completo dibuja los mismos bordes como curvas, nítidas a cualquier tamaño (derecha).
Cómo comprobar cualquier SVG por tu cuenta
- Abre el archivo en un editor de texto simple. Busca elementos
<path,<polygono<circle: eso es geometría. Busca<image: eso es un envoltorio. - Ábrelo en un navegador y amplíalo al 800 %. Los bordes vectoriales siguen nítidos; un envoltorio se ve borroso o pixelado.
- Impórtalo en un editor vectorial como Inkscape. Un trazado te deja hacer clic en formas sueltas; un envoltorio se selecciona como una sola imagen.
- Compara el tamaño del archivo. Un PNG envuelto pesa al menos lo mismo que el PNG (el base64 añade alrededor de un tercio); un logo trazado suele ocupar unos pocos kilobytes.
Lo que el trazado no puede hacer
El trazado reconstruye zonas planas. No recupera detalles que nunca estuvieron en los píxeles: un icono de 64 píxeles de ancho, trazado con cualquier ajuste, sigue siendo un diseño de 64 píxeles de ancho con las curvas deducidas de esos píxeles. Las fotos y los degradados suaves se convierten en franjas de color plano (consulta la guía sobre por qué las fotos salen posterizadas). El texto se convierte en contornos, no en texto editable. Son propiedades de la técnica, no un ajuste que puedas desactivar. Qué tipos de imagen se vectorizan bien, y cuáles no, se explica en la página convertir imagen a vector.
Por qué importa la vista previa
png2svg.art muestra una vista previa con marca de agua del resultado trazado antes de que desbloquees nada; el SVG limpio solo se prepara para descargar después del desbloqueo. La vista previa se dibuja con los mismos trazados que descargarías, así que si unas letras pequeñas se fundieron o una línea fina se rompió, lo ves antes de gastar un crédito. Desbloquear un SVG limpio cuesta 1 crédito; cada cuenta verificada recibe 3 créditos gratis.