Cómo vectorizar un logo
7 min de lectura · Publicada el 2 ago 2026 · Actualizada el 2 oct 2026
Vectorizar un logo consiste en redibujar una imagen hecha de píxeles como una imagen hecha de formas — contornos y rellenos con coordenadas matemáticas en lugar de una cuadrícula fija de cuadrados de color. El resultado escala a cualquier tamaño sin perder nitidez, se imprime a cualquier resolución y se puede recolorear o remodelar después.
El motivo por el que se busca esto es casi siempre la misma emergencia: un cliente mandó su logo como un JPG de 400 píxeles sacado de su propia web, y la imprenta, el rotulista o el bordador pide vector. La vectorización automática te deja la mayor parte del camino hecho en unos segundos. El último tramo — los colores exactos de la marca y el texto vivo — son unos minutos de trabajo en un editor, y esta guía trata sobre todo de ese tramo.
Busca la versión más grande que exista antes de convertir nada
Cada píxel del origen es información que el trazador puede usar, y un logo sacado de una página web tiene muy pocos. Antes de convertir, dedica dos minutos a buscar uno más grande: la carpeta de favicons del sitio del cliente, una factura o presentación antigua en PDF (ábrela y exporta el logo a 300 dpi — puede que ya sea vector), un folleto impreso que puedas escanear o la firma de correo de alguien que lleve mucho tiempo trabajando allí.
Si un JPG de 200 píxeles es de verdad todo lo que existe, conviértelo igualmente, pero cuenta con tener que limpiar. A ese tamaño las formas de las letras ya no tienen bordes nítidos que encontrar — cada borde es un degradado de dos o tres píxeles — y el trazador reproducirá fielmente esa blandura como curvas ligeramente irregulares.
Un JPG arrastra un problema extra que un PNG no tiene: los artefactos de compresión. El halo cuadriculado alrededor de los bordes de alto contraste es invisible a simple vista y muy visible para un detector de bordes, que lo lee como detalle y lo traza. Si tu origen es un JPG guardado a baja calidad, esa franja es el mayor obstáculo entre tú y un resultado limpio.
Comprueba el número de rellenos antes de comprobar cualquier otra cosa
Un logo de dos colores debería volver como dos rellenos planos. Abre el resultado en Illustrator, Inkscape, Affinity o Figma y mira cuántas formas distintas contiene en realidad. Esta única comprobación caza casi todos los problemas que valen la pena cazar: si un wordmark azul marino plano ha llegado como once azules casi idénticos, el origen tenía ruido de compresión o una sombra suave, y todo lo que viene después — recolorear, separaciones, las planchas de la imprenta — será una lucha.
Cuando los rellenos están bien en número pero mal en valor, eso es lo esperado y es fácil. El trazador muestrea lo que hay de verdad en la imagen, que es lo que dejaron la compresión del JPG y el perfil de color de la captura — el #003C71 de una marca vuelve como #023E70. Selecciona cada relleno y fija a mano el valor hexadecimal o Pantone real. Dos minutos, y es la diferencia entre un logo que coincide con el manual de marca y uno que casi lo consigue.
Compón el wordmark como texto vivo y vectoriza solo el símbolo
Las formas de las letras trazadas nunca son tan buenas como la fuente real. Se parecen — a menudo lo suficiente para que nadie lo note en una tarjeta de presentación — pero a tamaño de valla publicitaria la diferencia entre una curva real y una aproximación trazada de esa curva es justo donde mira el ojo. Las astas titubean por una fracción de milímetro, los remates se redondean y el espaciado queda congelado en el que tuviera la imagen de origen.
Así que identifica la tipografía y compón el texto como es debido. WhatTheFont, el Matcherator de Font Squirrel y el emparejador de fuentes de Adobe nombran la mayoría de las fuentes comerciales a partir de un recorte limpio. Después vectoriza solo el símbolo o el monograma, y compón el wordmark como texto vivo al lado — lo que además significa que el logo puede recomponerse más adelante a otro tamaño o tracking sin rehacer nada.
Si la fuente no se puede identificar, es personalizada o está muy modificada, traza también el texto y dedica el tiempo a las dos o tres letras que más peso cargan. Nadie examina una «n» minúscula; todo el mundo mira la mayúscula.
SVG, y qué hacer cuando alguien pide otra cosa
SVG es lo que obtienes, y para casi cualquier uso es lo que quieres. Todas las herramientas de diseño actuales lo importan, los navegadores lo renderizan de forma nativa, el software de corte lo acepta, y es un formato de texto que puedes abrir y leer si alguna vez necesitas saber qué hay realmente en el archivo.
Lo que no obtendrás es EPS, PDF, DXF ni AI. No hay conversor para ninguno de ellos en el proceso, y pedirlo se rechaza en la API en lugar de aceptarse y fallar en silencio más tarde.
Eso importa en exactamente una situación: un taller de serigrafía o rotulación antiguo cuyo RIP es anterior a SVG y pide EPS por su nombre. Abre el SVG en Illustrator, Inkscape o Affinity y guarda el archivo que pidieron — es una tecla sobre los mismos trazados, y es un paso que tu editor hace mejor que un servicio de conversión.
Paso a paso
- 01
Busca el origen más grande disponible
Revisa PDFs antiguos, archivos de imprenta y firmas de correo antes de conformarte con el JPG de la web. Cada píxel extra es información que el trazador puede usar.
- 02
Súbela
Arrastra el archivo al workspace. Se aceptan PNG, JPEG, WebP y BMP, y el tipo de archivo se lee de los bytes y no de la extensión.
- 03
Comprueba los ajustes
No hay nada que elegir sobre el formato — el resultado es un SVG. Todo lo demás de la conversión se decide automáticamente a partir de la imagen.
- 04
Convierte y abre el resultado
Descarga el SVG y ábrelo en Illustrator, Inkscape, Affinity o Figma.
- 05
Corrige los colores y el texto
Fija cada relleno en el valor real de la marca y sustituye cualquier wordmark trazado por texto vivo en la tipografía identificada.
Problemas habituales
- El logo volvió con docenas de colores casi idénticos
- El origen es un JPG con artefactos de compresión o tiene una sombra difusa. Busca una versión PNG si existe. Si no, usa la selección por color similar en tu editor y fusiona los casi duplicados en un solo relleno — es mucho más rápido de lo que suena y solo hay que hacerlo una vez.
- Los bordes se ven algo irregulares o temblorosos
- El origen era demasiado pequeño; el trazador está reproduciendo fielmente los píxeles con antialiasing que nunca fueron un borde limpio. En Lite y superiores, sube el suavizado. Por debajo de eso, la solución más rápida es una imagen de origen más grande.
- Hay un rectángulo blanco detrás de todo
- El origen se aplanó sobre un fondo blanco — un JPG siempre lo está, porque JPEG no tiene transparencia. El fondo vuelve como una forma propia; selecciónala y elimínala. Partir de un PNG transparente evita esto por completo.
- Los trazos finos han desaparecido
- Una línea finísima de un píxel de ancho en el origen no tiene interior que el trazador pueda rellenar. Amplía el origen antes de convertir o, en Lite y superiores, sube el nivel de detalle para que los rasgos más finos sobrevivan a la fusión.
Preguntas frecuentes
- ¿Puedo vectorizar un logo gratis?
- Sí. La vista previa de la página de inicio no necesita cuenta alguna, y una cuenta gratis convierte 10 imágenes al mes de hasta 2 megapíxeles sin tarjeta. Es suficiente para el caso habitual de un logo que necesita ser rescatado.
- ¿El logo vectorizado coincidirá exactamente con los colores de la marca?
- No automáticamente, y ninguna herramienta automática puede. El trazador muestrea los colores que hay de verdad en la imagen, y un JPG que pasó por la compresión y una captura de pantalla ya no conserva los valores originales. Fija a mano los números hexadecimales o Pantone reales después de convertir — lleva unos dos minutos y es el paso que marca la diferencia.
- ¿El resultado es lo bastante bueno para impresión de gran formato?
- La geometría es independiente de la resolución, así que se imprime a cualquier tamaño. Que se vea bien a ese tamaño depende del origen: un logo trazado desde un PNG de 2000 píxeles aguanta en el rotulado de un vehículo; uno trazado desde un favicon de 200 píxeles delatará su origen. Comprueba el resultado a tamaño completo antes de enviarlo.
- ¿Y si el logo tiene un degradado?
- Los degradados se aproximan como bandas de color plano en lugar de reproducirse como rellenos de degradado. En un logo eso normalmente se lee como un error, así que la respuesta honesta es reconstruir el degradado a mano sobre la forma trazada — lo cual es rápido una vez que el contorno es correcto.
Guías relacionadas
- Cómo vectorizar un icono — Convierte un icono de píxeles en un vector nítido y de trazo uniforme que escala de un favicon de 16 px al icono de una app.
- Cómo vectorizar para serigrafía y textiles — Prepara arte para pantallas, DTG y transferencia térmica: separaciones planas y formas donde la tinta quede contenida.
- Cómo vectorizar un folleto o un póster para gran formato — Rescata un diseño plano para A1 y más grande sin los bordes blandos — y qué partes no convertir.