Flujo de trabajo · 7 min de lectura
Cómo convertir un logotipo PNG o JPG a SVG (y obtener resultados limpios)
Un vectorizador solo puede ser tan bueno como lo que le das. Diez minutos de cuidado con el archivo de origen y dos ajustes marcan la diferencia entre un vector que puedes imprimir en una lona y uno que tienes que redibujar.
01 · El origen
Empieza por el mejor mapa de bits que encuentres
La mayoría de los malos vectores fueron antes malos mapas de bits.
Antes de abrir el convertidor, dedica un minuto a buscar la versión más grande y limpia del logotipo. Por orden de preferencia:
- Un vector que ya exista. Pide el
.ai,.eps,.pdfo.svgen el que se diseñó el logotipo. Si existe, no hace falta vectorizar. - Un PNG con fondo transparente de 500 a 2000 píxeles. El PNG es sin pérdida, así que los bordes son exactamente los que dibujó el diseñador.
- Un JPG grande. Sirve para ilustraciones de colores planos por encima de 800 px; el ruido de compresión es pequeño comparado con las formas. Por debajo de eso, los bloques y halos del JPEG se hacen visibles en el resultado.
- Una captura de pantalla o una imagen web diminuta. Funciona (las imágenes pequeñas se amplían antes de vectorizar), pero las curvas saldrán más redondeadas y el texto pequeño puede fusionarse.
Tengas lo que tengas, no lo redimensiones antes en un editor de imágenes. AnyToSVG vectoriza hasta 2048 px y amplía por sí mismo las imágenes pequeñas con un filtro elegido para vectorizar; un remuestreo adicional entre medias solo añade desenfoque.
02 · Suéltalo
Deja que la detección automática haga el primer pase
Arrastra el archivo al convertidor (o pégalo con Ctrl+V). En un segundo verás el SVG junto al original, y el panel de ajustes mostrará lo que se ha detectado:
- Modo Color con un número de colores igual al de colores distintos encontrados (en la mayoría de los logotipos, de 2 a 8), o bien
- Modo Blanco y negro si la imagen es un dibujo de líneas oscuras sobre fondo claro, con el umbral y el color de la tinta tomados de la imagen.
Mira la fila de muestras. Si enumera los colores que esperas y nada más, lo difícil está hecho. Si hay una muestra de más casi idéntica a otra, baja el número de colores en uno; si falta un color que ves, súbelo.

03 · Fondo
Haz transparente el fondo
Una casilla, y distingue entre «fuera» y «dentro».
Un logotipo sobre fondo blanco (o de cualquier color plano) casi siempre debería entregarse sin él. Marca Fondo transparente: el color que toca el borde de la imagen, marcado con un punto en la fila de muestras, se elimina del SVG.
Solo desaparece la región exterior. Si el propio logotipo contiene el mismo color (letras blancas sobre fondo blanco, un brillo blanco dentro de una forma), esas zonas cerradas se conservan, porque no están conectadas con el borde. Cambia el fondo de la vista previa a oscuro (los botones cuadrados sobre la vista previa) para asegurarte de que no ha desaparecido nada importante.
Para quitar cualquier otro color, haz clic en su muestra: se vuelve gris con una línea que la tacha y sus formas desaparecen. Haz clic de nuevo para recuperarlo. Es la forma rápida de eliminar una sombra paralela, un artefacto de escaneo perdido o un color que solo existe por el suavizado de bordes.
En modo Blanco y negro el fondo es transparente por definición: solo se vectorizan las formas oscuras (o, con Invertir, las claras).
04 · Bordes
Cómo arreglar bordes dentados, irregulares o rotos
Acércate a la vista previa (desplaza sobre ella o pulsa +) e inspecciona una curva y una esquina. Después:
- Curvas onduladas: el original es pequeño o está comprimido. Sube el Suavizado o elige el ajuste Suave. Si es un JPG, marca también Reducir ruido antes en Avanzado.
- Esquinas redondeadas que deberían ser vivas: baja el Suavizado o elige Nítido. Potrace decide esquina por esquina; con valores por debajo de 0,5 conserva casi todas.
- Polvo e islas diminutas: sube Eliminar motas. Se ignora todo lo menor que esa cantidad de píxeles del original. 2 px limpia los restos del suavizado de bordes; los escaneos pueden necesitar 10 o más.
- Líneas finas que se rompen: probablemente son más finas que el tamaño de mota, o un color se ha fusionado con su vecino. Baja Eliminar motas o sube el número de colores en uno.
05 · Colores
Acertar con el número de colores
Cada color se convierte en una ruta, así que el número de colores es también la palanca más importante sobre el tamaño del archivo y su limpieza. Reglas prácticas:
- Logotipo plano: exactamente tantos colores como tenga el diseño. La detección automática suele acertar.
- Logotipo con degradado: deja marcado Detectar degradados. Una zona con sombreado suave se ajusta con un degradado lineal o radial y se escribe como una sola forma con un relleno
<linearGradient>/<radialGradient>real; la fila de muestras lo enseña como una muestra de degradado. El número de colores solo se aplica entonces a las partes planas. Si un degradado no se detecta (mucho ruido JPEG o un sombreado que se curva alrededor de una forma), marca Reducir ruido antes; si tampoco así, sube el número de colores y el sombreado se convertirá en bandas que puedes reconstruir en tu editor vectorial. - Foto o pintura: entre 12 y 32 para un aspecto de cartel. Consulta qué puede y qué no puede hacer la vectorización.
Deja Capas de color en Apilado salvo que pienses cortar las formas físicamente o separarlas en un editor; es lo que evita los huecos finos entre colores contiguos.


06 · Revisar y entregar
Antes de enviarlo a ninguna parte
Treinta segundos de revisión te ahorran una reimpresión.
- Arrastra el divisor por toda la imagen en la vista Comparar. Todo lo que cambie de forma al pasar la línea merece una mirada más atenta.
- Haz zoom al 400 % en el texto más pequeño o la línea más fina. Si se lee bien aquí, se leerá bien en la lona.
- Lee las cifras del panel Resultado. Un logotipo limpio son un puñado de formas y unos pocos kilobytes; cientos de formas suelen significar ruido, un JPG o demasiados colores.
- Descarga el SVG y ábrelo una vez en un navegador o en un editor vectorial. El archivo es sencillo: una
<path>por color con unfill, en las coordenadas en píxeles originales, sin grupos ni transformaciones; fácil de recolorear a mano. - Si alguien necesita un mapa de bits al fin y al cabo, usa los botones PNG 2× o 4×: se generan a partir del vector, así que el resultado es más nítido que el archivo con el que empezaste.
Y si el resultado no es lo bastante bueno (un original muy borroso, una foto de una tarjeta de visita, un logotipo con sombras suaves), esa es tu señal para redibujar. Vectorizar produce una copia fiel de lo que hay; no puede inventar lo que nunca estuvo en los píxeles.
Sigue leyendo
Más sobre vectores
Pruébalo mientras lees
El convertidor es gratuito, no pide cuenta y muestra el SVG junto a tu original en aproximadamente un segundo.