Logo PNG a SVG: cuándo se puede vectorizar
Al terminar sabrás si tu logo se vectoriza bien, qué preset y cuántos colores elegir, y cómo distinguir un SVG vectorial real de un PNG con otra extensión.
Sí, un logo PNG o JPG se puede convertir a SVG vectorial, siempre que sea plano y de pocos colores: la vectorización automática traza el contorno de cada zona de color y lo convierte en curvas editables. Con el convertidor de imagen a SVG puedes probarlo ahora mismo con tu propio archivo: se traza en tu navegador, ves el antes y el después y no subes nada.
¿Qué hace de verdad la vectorización automática?
Un PNG es una cuadrícula de píxeles; un SVG es una lista de formas descritas con matemáticas. Para pasar de uno a otro, el trazador no "entiende" el logo: primero reduce la imagen a un número limitado de colores, después agrupa los píxeles contiguos de cada color y, por último, ajusta rectas y curvas alrededor de esas zonas. Cada zona acaba siendo un elemento <path> con su relleno.
Eso explica tanto lo bueno como lo malo. Lo bueno: un logo de tres colores se convierte en tres o cuatro formas limpias que escalan sin pixelarse y que puedes recolorear en cualquier editor. Lo malo: el trazador solo ve píxeles. Si el PNG de origen está borroso o tiene los bordes suavizados (antialiasing), esa irregularidad se traza tal cual, y obtendrás curvas ligeramente temblorosas donde el diseño original tenía líneas perfectas.
Tampoco reconoce texto. Una letra se traza como una forma cualquiera: no se convierte en una fuente ni queda como texto editable, solo como el contorno de esa letra.
¿Cuándo funciona bien y cuándo no?
Funciona mejor con imágenes que ya parecen vectoriales: pocos colores sólidos, bordes nítidos y formas grandes. En la práctica, eso cubre logotipos planos, iconos, sellos, firmas y dibujos a línea.
- Va bien: logos de 2 a 8 colores sobre fondo liso, iconos monocolor, firmas escaneadas en blanco y negro, sellos y pictogramas.
- Va regular: logos pequeños (de 100 px o menos) y PNG con mucha compresión JPG, donde el ruido de los bordes genera formas sobrantes.
- Va mal: fotografías, degradados, sombras suaves y texturas. El resultado es una versión posterizada, con bandas de color, y un archivo bastante más pesado que el PNG.
- No es el mejor camino: texto pequeño. Mejor redibujar el logo con la fuente original, o convertir las letras a contornos desde un editor vectorial.
Una regla rápida: si al reducir tu logo a 8 colores sigue pareciéndose a sí mismo, se vectoriza bien. Si pierde su identidad, redibújalo o pide el original al diseñador. A veces es la opción más rápida y deja un resultado más limpio.
¿Qué diferencia hay con incrustar un PNG dentro de un SVG?
Un SVG "incrustado" es un archivo con extensión .svg que lleva el PNG original dentro, como una etiqueta <image> con los píxeles codificados en Base64. Se abre en cualquier visor y pasa los filtros de "solo acepto SVG", pero sigue siendo una imagen de píxeles: al ampliarla se pixela igual, y no puedes cambiar sus colores ni editar sus formas.
La herramienta ofrece los dos caminos y los separa con claridad: Vectorizar (trazar)genera curvas reales, e Incrustar imagen (no vectoriza) solo envuelve el PNG. El segundo modo tiene sentido en un caso concreto: una plataforma te exige un archivo .svg y no te importa que siga siendo un raster. Si lo que quieres es escalar sin pixelar, necesitas el primero. Para entender por qué importa esa diferencia, lee cuándo usar SVG y cuándo convertirlo a PNG.
Cómo vectorizar tu logo paso a paso
Abre el convertidor, cambia a la pestaña Imagen → SVG y suelta tu archivo (acepta PNG, JPG, WebP y otros formatos de imagen). Después:
- Deja el método en Vectorizar (trazar).
- Elige el preset: Logo / ilustración para la mayoría de logos, Blanco y negro para firmas y sellos (fija dos tonos y aplana la transparencia sobre blanco) o Foto si quieres ver qué sale con una imagen compleja.
- Ajusta el número de colores, entre 2 y 64. El preset Logo empieza en 8: baja a los colores reales de tu marca para obtener un SVG más limpio y ligero.
- Pulsa convertir. El trazado puede tardar unos segundos y verás el original junto al SVG, con el número de
<path>generados.
Si la imagen mide más de 1500 px de lado, se reduce a 1500 antes de trazar; no importa para un SVG, que escala igual. Si el resultado sale con manchas, sube o baja los colores y repite. Cada prueba cuesta segundos. Para dejar el logo con el tamaño exacto que necesites en PNG, usa después el modo SVG → imagen de la misma herramienta.
Revisa el SVG antes de usarlo
Ábrelo ampliado al 400 % o más y compara los bordes con el original. Comprueba que los colores coincidan con los de tu marca; si no, edita el relleno en un editor vectorial (o en un editor de texto, porque el SVG es texto). Si el resultado debe servir de favicon, recuerda que un icono pequeño necesita pocos detalles: el generador de favicon te ayuda con los tamaños. Y si quieres sacar los colores exactos de una imagen, prueba el extractor de paleta.
Si no vas a editar el logo y solo quieres reducir su peso, quizá no necesites SVG: un PNG bien optimizado con el compresor de imágenes puede bastar. Comparar formatos te lo aclara: PNG o JPG: cuál usar y cuánto pesa cada uno.
Preguntas frecuentes
¿Se puede convertir un PNG a SVG sin perder calidad?
Depende de qué entiendas por calidad. Un logo plano de pocos colores se vectoriza con muy buen resultado y luego escala a cualquier tamaño sin pixelarse. Pero el trazado es una aproximación: las curvas se ajustan a los píxeles que había, así que no recupera detalle que el PNG ya no tenía ni garantiza el trazo exacto del diseño original.
¿Por qué mi SVG se ve igual de pixelado que el PNG?
Casi seguro es un SVG con la imagen incrustada: un contenedor .svg que lleva el PNG dentro, sin vectores. Se ve idéntico y se pixela igual al ampliar. Para comprobarlo, abre el archivo en un editor de texto: si ves una etiqueta <image> con una cadena larguísima en Base64 y ninguna <path>, no es vectorial.
¿Qué preset elijo para un logo?
Empieza por Logo / ilustración (8 colores por defecto) y ajusta el número de colores al de tu diseño. Usa Blanco y negro para firmas, sellos o dibujos a línea, que se trazan con dos tonos fijos. El preset Foto sirve para probar con imágenes complejas, pero tarda más y genera un SVG mucho más pesado.
¿Puedo vectorizar un logo con degradados o sombras?
Se puede intentar, pero el resultado suele decepcionar. El trazador reduce la imagen a un número fijo de colores planos, así que un degradado se convierte en bandas de color visibles. Si el logo depende de degradados, lo habitual es redibujarlo en un editor vectorial o pedir el archivo original al diseñador.
¿Se sube mi logo a algún servidor al convertirlo?
No. El trazado se hace en tu navegador, con tu propio procesador, y el archivo no sale de tu dispositivo. Lo puedes comprobar abriendo la pestaña Red de las herramientas del navegador mientras conviertes: no aparece ninguna subida del archivo.
¿Qué tamaño máximo de imagen admite el trazado?
Las imágenes con más de 1500 píxeles en el lado largo se reducen a 1500 antes de trazar, porque el trazado es costoso. No afecta al resultado práctico: un SVG escala igual con cualquier tamaño base, y para un logo 1500 px sobran. Si tu imagen es más pequeña, no se amplía.
Vectoriza tu logo ahora
PNG, JPG o WebP a SVG, trazado en tu navegador. Gratis y sin subir el archivo.
Abrir convertidor SVG →Herramientas relacionadas
- Convertir SVG: imagen a SVG vectorial y SVG a PNG, JPG o WebP.
- Generar favicon: todos los tamaños a partir de tu logo.
- Paleta de colores: saca los colores de una imagen.
- Comprimir imagen: reduce el peso de un PNG o JPG.
También te puede interesar: SVG: cuándo usarlo y cuándo convertirlo a PNG.