Cómo vectorizar un logo: de PNG a SVG multicolor, gratis
La técnica completa, no solo un cambio de formato: qué preset elegir, cuántos colores conservar, qué te da un SVG por capas y cómo comprobar el resultado. Gratis y sin registro.
Qué significa realmente vectorizar un logo
Vectorizar un logo significa reconstruirlo como formas geométricas - trazados, no píxeles - para que se mantenga nítido desde un favicon de 16 píxeles hasta el rótulo de una tienda. Bien hecho, el SVG conserva cada color del original como su propia capa editable. Si ya tienes el archivo, el conversor online gratuito de logoslo hace en menos de un minuto; el resto de esta guía trata de conseguir un resultado que puedas entregar a una imprenta, a un desarrollador o a una máquina de corte.
Hay dos guías vecinas para que esta se mantenga centrada: convertir cualquier tipo de mapa de bits se explica en la guía de convertir cualquier imagen a SVG, y recuperar un logo pequeño, borroso o pixelado tiene su propio flujo de recuperación enlazado más abajo. Aquí tratamos el oficio específico del logo: número de colores, salida por capas y control de calidad.
Una advertencia antes de empezar: algunos «conversores» te entregan un .svg que en realidad es tu PNG envuelto en una etiqueta <image> en base64. Abre el archivo en un editor de texto: si ves un único bloque codificado gigante en lugar de elementos <path>, te han dado un mapa de bits renombrado, no un vector.
Resultados reales del convertidor
Tres tipos de logo llegan a esta puerta
El preset que elijas depende de cuál de los tres logos tienes en la mano. Decídelo primero: es la palanca de calidad más importante.
La marca de un solo color
Logotipo, icono, sello: un solo color sobre fondo liso. Es el caso más fácil: el preset Blanco y Negro produce una forma limpia, el archivo más ligero posible y exactamente lo que piden grabadores, vinilos y plantillas.
El logo multicolor plano
De dos a seis colores sólidos, sin degradados: el logo de cliente más habitual. El preset Póster está hecho para él: cada zona de color se convierte en su propio trazado vectorial, apilado en capas. Es el caso que las guías genéricas estropean aplanando todo a blanco y negro.
El emblema con degradados
Brillos metálicos, sombras suaves, efectos 3D. El trazado solo puede aproximar los degradados como bandas de color. El preset Foto hace el mejor trabajo, pero espera una versión estilizada de tu emblema, no un doble - y un archivo mucho más pesado.
Qué preset para cada logo
Empareja tu logo con una fila y toma el preset: toda la decisión en una tabla:
| Tu logo | Preset | Lo que obtienes |
|---|---|---|
| Logotipo, icono o sello de un color | Blanco y Negro | Una forma limpia, archivo mínimo, listo para corte |
| 2-6 colores planos (la mayoría de logos de cliente) | Póster | Un trazado editable por color |
| Degradados, metalizados, sombras suaves | Foto | Degradados aproximados en bandas |
| Logo sobre fondo ocupado o de color | Preparar antes | Recorta o recorta el fondo y traza después |
| Captura diminuta, menos de ~200 px de ancho | Consigue un archivo mayor | Ningún preset inventa resolución: ver la guía del logo borroso |
| Logo con serifas finas o mucho detalle | Póster + más detalle | Más detalle de trazado mantiene vivos los trazos finos |
¿Curioso por saber qué les pasa a los píxeles con cada elección? La mecánica se explica en qué hace realmente la vectorización.
¿Cuántos colores debe conservar el SVG?
Esta es la decisión que las guías genéricas saltan - y decide tanto la fidelidad como el peso del archivo. Cada color extra añade trazados; la habilidad está en parar en el número de colores que el logo realmente tiene:
- 1-2 colores: Blanco y Negro. Si la marca es un color más su fondo, trazar en color solo paga el ruido del antialiasing. Una forma, archivo pluma.
- 3-8 colores planos: Póster. El punto óptimo de los logos reales. Los colores de marca sobreviven como capas con nombre que puedes recolorear; el borrón del JPEG entre formas se absorbe, no se traza.
- Decenas de tonos: Foto. Solo para emblemas con degradado. Sube la fidelidad, pero también el peso: un SVG con preset Foto puede pesar diez veces su hermano Póster y seguir pareciendo estilizado.
Regla práctica: cuenta los colores del manual de marca, añade uno para el fondo y para ahí. Si no puedes nombrar el propósito de un color, el trazador no debería dibujarlo.
SVG por capas: por qué importa un trazado por color
Abre un logo SVG bien trazado en un editor de texto y encontrarás una pila pequeña de elementos <path>: uno por color, el mayor primero. Esa estructura no es un detalle de implementación: es lo que convierte el archivo en un activo de trabajo y no en una foto de uno.
Como cada color es su propio trazado, un rebranding es una edición de dos minutos: selecciona la capa, aplica el nuevo relleno, exporta - en Inkscape, Illustrator o cualquier editor que abra SVG. En la web, apuntar el relleno de una capa a currentColor hace que el logo siga el tema de la página automáticamente. Un trazado aplanado no ofrece nada de esto: cada recolor implica volver a trazar desde cero.
Cómo vectorizar un logo gratis (4 pasos)
Sin cuenta, sin instalación, sin marca de agua:
- Sube el logo - arrastra y suelta el PNG, JPG, WebP o BMP. La versión más grande y limpia que tengas traza mejor.
- Elige el preset con la tabla de arriba: Blanco y Negro para marcas de un color, Póster para logos multicolores planos, Foto para emblemas con degradado.
- Ajusta el número de colores a la paleta de marca: aproximadamente los colores con los que se diseñó el logo, más el fondo.
- Comprueba la vista previa con la lista de abajo y descarga el SVG: elementos <path> reales, listos para imprenta, web o corte.
Debajo del capó, la conversión ejecuta un motor de trazado automático derivado de VTracer, el trazador open source en Rust. Tu logo se reconstruye como formas vectoriales apiladas, nunca se envuelve ni se renombra.
¿Es bueno el trazado? Un control de calidad de 60 segundos
Antes de entregar el archivo, pásalo por cuatro comprobaciones. Juntas tardan un minuto y cazan todos los fallos habituales:
- Zoom al 400 %. Los bordes deben seguir siendo curvas suaves. Escaleras o borrones significan que el origen era demasiado pequeño o el número de colores demasiado alto.
- Encoge al tamaño de favicon. Si la marca no se lee a 16 px, el trazado es fiel pero el logo necesita una variante icono simplificada: traza solo la parte del símbolo por separado.
- Revisa los colores. Cada color de marca debe verse como él mismo. Tonos desviados significan que el trazador gastó colores en el antialiasing: baja la cuenta y vuelve a trazar.
- Pesa el archivo. Un SVG de logo debería ocupar unos pocos KB. Decenas de KB significa que el trazador dibujó ruido; ese peso seguirá al archivo a cada página que lo cargue.
La prueba del favicon es la que la gente se salta y luego lamenta: un vector que solo funciona a tamaño completo no protege nada que un PNG de alta resolución ya proteja.
Cuándo trazar un logo no funciona - y qué hacer en su lugar
Tres situaciones traen a la gente a esta guía cuando el trazador es, sinceramente, la herramienta equivocada:
- Emblemas con degradados. El trazado aproxima los degradados como bandas. Si el brillo es la marca, pide el vector original al cliente o quédate con el mapa de bits: un SVG en bandas puede verse peor que un PNG nítido.
- El único archivo es una captura de 150 píxeles. Ningún preset inventa píxeles, pero el escalado no es la única vía: el flujo de recuperación de la guía para arreglar un logo borroso exprime mucho más de los archivos pequeños que un trazado directo.
- En realidad es una foto con texto encima. Las fotos necesitan otros presets y otras expectativas: la guía de foto a SVG cubre ese territorio.
La línea divisoria: trazar convierte formas limpias en formas más limpias. Cuando no hay formas limpias en el origen, la solución es un origen mejor o un redibujo, no más ajustes.
Illustrator vs Inkscape vs un conversor online gratuito
Los tres caminos llevan a un SVG. Difieren en coste, curva de aprendizaje y lo que puedes arreglar después:
| Herramienta | Ideal para | A vigilar |
|---|---|---|
| Adobe Illustrator | Control manual total: redibujar trazados a mano, colores de marca exactos, entrega a imprenta | Una suscripción por lo que, casi siempre, es un clic de Calco de imagen |
| Inkscape (gratis) | Trazado local, edición y limpieza de trazados sin coste de software | La curva de aprendizaje de un editor completo; el multicolor exige la pestaña de múltiples escaneos |
| Conversor online | Un logo, un minuto, sin instalar: presets de color pensados para logos, salida por capas | Los lotes y las limpiezas profundas siguen siendo trabajo de escritorio; revisa la política de privacidad para marcas confidenciales |
Nota honesta: el Calco de imagen de Illustrator y el Trazar mapa de bits de Inkscape ejecutan el mismo tipo de motor que un trazador online. Pagar software compra edición manual después del trazado, no un mejor trazado automático.
Un logo, todas las variantes - y una vía por lotes
El trabajo real de marca nunca es un solo archivo. La misma conversión cubre todo el set:
- Variantes: solo icono, versión horizontal, invertida para fondos oscuros: traza cada una desde su origen raster, mismo preset, resultados consistentes.
- Destinos: impresión (de tarjetas a rotulación), web (del favicon al hero) y máquinas de corte o grabado que siguen trazados vectoriales directamente.
- Entrega: un SVG por capas con un trazado por color es el archivo que piden desarrolladores e imprentas: se acabaron los correos de «¿puedes enviar una versión más grande?».
Convertir todo un kit de identidad de una pasada - cada variante, cada logo histórico - es exactamente lo que la guía de conversión por lotes automatiza con la app de escritorio gratuita.
Guías de conversión relacionadas
Recuperación, teoría y trabajo por lotes: las guías alrededor de esta.
Preguntas frecuentes
¿Cómo vectorizar un logo gratis?
Sube el logo al conversor online gratuito, elige el preset que le corresponda (Blanco y Negro para marcas de un color, Póster para logos multicolores planos, Foto para emblemas con degradado), ajusta el número de colores a la paleta y descarga el SVG. Sin cuenta ni marca de agua; la app de escritorio gratuita hace lo mismo en local para trabajar sin conexión.
¿Se puede vectorizar un logo sin Adobe Illustrator?
Sí. El Calco de imagen de Illustrator ejecuta el mismo tipo de motor de trazado automático que las herramientas gratuitas: la suscripción compra edición manual de trazados, no un mejor trazado automático. Para una conversión puntual, un conversor online gratuito o Inkscape producen un SVG igual de válido.
¿Un logo multicolor conserva sus colores en el SVG?
Con el preset Póster, sí: cada zona de color se convierte en su propio trazado vectorial, así que el SVG conserva la paleta como capas editables que puedes recolorear en cualquier editor. Evita el preset Blanco y Negro para logos de color: aplana todo en una sola forma.
¿El SVG tiene fondo transparente?
El trazado reproduce las formas de tu archivo: si el PNG de origen tiene fondo transparente, el SVG lo conserva; si el logo está sobre un fondo sólido, ese fondo también se traza como una forma. Para un recorte limpio, elimina el fondo antes de subirlo o borra la capa del fondo en cualquier editor de SVG después.
¿Es seguro subir el logo confidencial de un cliente?
El conversor online procesa la imagen y la descarta: no se guarda nada. Para logos bajo NDA o manuales de marca estrictos, la app de escritorio open source ejecuta la misma conversión enteramente en tu equipo, sin conexión.
Vectoriza tu logo ahora: gratis y sin registro
Sube el PNG o JPG, elige un preset y descarga un SVG multicolor por capas en menos de un minuto: sin cuenta, sin marca de agua y sin Illustrator.
Apoya el desarrollo de código abierto
PixelToPath es de uso gratuito. Si esta herramienta te ayudó a ahorrar tiempo, considera invitarme a un café.
❤️ Donar vía Ko-fi