Cuando el SVG convertido tiene bordes ásperos, el problema suele estar en la imagen original y no en la conversión. Vectorizar es redescibir como rutas los contornos ya presentes en el mapa de bits: solo con bordes limpios en el original las rutas tienen una base limpia; si la imagen arrastra un halo de colores por compresión, un arco de dos o tres píxeles de ancho o una gran sombra, esos defectos se trazan fielmente en el resultado. Clasificar primero el tipo de problema del original y reconvertir tras ordenar la entrada funciona mucho mejor que pulsar reintentar sin parar.
Abre imagen a vectorial y no te apresures a cambiar de herramienta: recorre con la misma imagen el orden de diagnóstico siguiente y la mayoría de los problemas de borde mostrarán cambios al sustituir la entrada. Los pasos completos de subida, conversión y descarga ya se demostraron en “Cómo convertir PNG y JPG a SVG: tutorial completo de vectorización”; aquí se arranca directamente desde el problema del borde.
Puntos clave
- Tres problemas del original —ruido de compresión, contornos de baja resolución y sombras complejas— se trazan fielmente en las rutas del SVG; la conversión no puede reponer información que no existe en el original.
- Distingue primero entre “información ausente en el original” y “error de trazado de rutas”: la primera exige una versión más nítida del original; la segunda se resuelve ordenando la entrada o limpiando nodos.
- Al reintentar, cambia una sola variable por vez: cambiar el original, quitar el fondo y simplificar la paleta se hacen por separado, para poder atribuir la mejora a una acción concreta.
- La herramienta acepta PNG, JPG y WebP con ancho y alto de al menos 256 píxeles; las ampliaciones 1×, 2× y 4× del panel de resultados sirven para contrastar siempre el mismo borde.
Determina primero si el problema está en el original o en la conversión
Abre el SVG en el panel de resultados a 4×, localiza el borde más áspero y vuelve al original ampliando esa misma zona a un aumento parecido para contrastar. Los tres defectos típicos tienen cada uno su firma:
Ruido de compresión. La imagen, tras muchos guardados o reenvíos por chat, arrastra un anillo de colores alrededor del contorno del motivo. En la conversión se traduce en rutas diminutas y bordes mellados, con el defecto concentrado en ese anillo exterior.
Contorno de baja resolución. Con la imagen a baja resolución, arcos y esquinas disponen de muy pocos píxeles. Tras convertir, los arcos muestran escalones y las esquinas se redondean; el defecto se concentra en los quiebres de las curvas.
Sombras complejas. La imagen trae degradados suaves o sombras proyectadas, sin borde claro en la transición. La conversión las rompe en capas de color aproximado; el defecto se concentra en la zona de transición y los colores no corresponden a los de la marca.
Tras el contraste, clasifica el problema, porque de ahí sale la ruta: si al ampliar el original el borde ya está áspero, roto o con ruido, es información ausente, y solo tiene sentido ordenar la entrada o buscar una versión más nítida; si el original ampliado está limpio pero el SVG añade nodos, escalones o rutas rotas, es error de trazado, y reintentar o limpiar nodos después puede bastar. Saltarse este paso y convertir una y otra vez mezcla los dos problemas.
Elimina el fondo que estorba el contorno
El fondo es la fuente más común de rutas sobrantes. Separar el motivo del fondo antes de convertir cambia visiblemente tanto el número de rutas como la limpieza del borde.
Fondo de color liso: el caso más sencillo. Recorta primero el margen sobrante alrededor para que el motivo llene el encuadre; después elimina el color base y guarda como PNG con fondo transparente. Recortar el margen es la mejora de entrada más barata: con la misma imagen, el contorno del motivo ocupa más píxeles. Ojo: tras el recorte, ancho y alto deben seguir siendo de al menos 256 píxeles, o no pasará la comprobación de subida.
Fondo complejo (estampados, degradados, fotografía real): hay que separar el motivo primero, o la textura del fondo se trazará junto con el gráfico y el resultado salpicará el borde de fragmentos de fondo. Para separar de forma automática, pasa primero el logo por la herramienta Quitar fondo de logo y sube a conversión la salida con fondo transparente; la operación completa de recorte ya está explicada en el tutorial de eliminación de fondo y no se repite aquí.
Una cosa más sobre quitar el fondo: la herramienta de separación devuelve un mapa de bits y solo se ocupa de extraer el motivo; no mejora su nitidez. Si el motivo ya estaba blando en el original, seguirá blando sin fondo, y habrá que volver a la sección anterior para determinar si es información ausente.
Trabaja las letras pequeñas, las líneas finas y los degradados
Estos tres elementos son los que más se distorsionan al convertir, y el orden de trabajo es fijo: buscar una versión más nítida, separar texto y gráfico, simplificar la sombra al final.
Buscar una versión más nítida. En un original de baja resolución, los trazos de las letras pequeñas se sueldan entre sí y el contrapunzón (el hueco de una O, por ejemplo) queda en uno o dos píxeles; ninguna conversión inventa esos detalles. En la cabecera de la web, en tarjetas de visita, material promocional o el manual de marca suele haber una versión mayor: encuéntrala y úsala. Las líneas finas siguen la misma ley: una línea capilar rota en la imagen de baja resolución se convierte en rutas interrumpidas.
Separar texto y gráfico. Cuando letras y gráfico comparten una imagen pequeña, recorta y convierte por separado la zona de texto y la zona gráfica, y recompónlas alineadas en el software de diseño. Cada parte aprovecha una mayor proporción del lienzo, más fiable que forzar la imagen entera de una vez.
Simplificar la sombra. Los degradados suaves y las sombras se rompen en capas de bloques de color. Si el manual de marca lo permite, elimina la sombra y sustituye el degradado por el color plano principal antes de convertir; si el degradado es parte de la identidad, acepta la aproximación por bloques o deja esa zona como mapa de bits.
Sobre el texto, un hecho innegociable: las letras del resultado son rutas de contorno, no texto editable, y la conversión no las devuelve a la fuente original. Sin el archivo de la fuente, no esperes que ninguna conversión “restaure” el dibujo tipográfico, ni elijas por parecido una fuente similar y la uses como fuente de marca; para cambiar el texto, recompón en el software de diseño con una fuente confirmada.
Reintenta cambiando una sola variable cada vez
Con varias entradas preparadas, no las cambies todas a la vez: una variable por intento, para poder atribuir la mejora.
Fija tres cosas en la práctica:
- Entradas por rondas. Primera ronda: convierte el original tal cual como línea base; segunda: solo sustituye por la versión sin fondo; tercera: solo por la versión de paleta simplificada o la más nítida. En cada cambio, pulsa el botón de quitar en la esquina de la vista previa, sube el archivo nuevo y convierte.
- Revisión constante. En cada ronda mira el mismo borde más áspero con el mismo aumento; las vistas 1×, 2× y 4× del panel de resultados ofrecen la referencia uniforme ya hecha.
- Archivo de resultados. Guarda los tres SVG con nombres distintos —logo-original.svg, logo-sin-fondo.svg, logo-simplificado.svg— y compara los bordes en paralelo.
Si dos rondas no muestran diferencia visible, el problema no está en esa entrada: vuelve a la primera sección y reclasifica; si hay diferencia, sigue por ese camino en lugar de apilar todos los cambios de golpe. Para reintentar con la misma entrada, pulsa “Revectorizar” bajo el resultado, limpia lo actual y vuelve a enviar.
Decide entre conservar la conversión o redibujar a mano
Llegados a una ronda determinada, queda una sola decisión: si este SVG basta o merece la pena redibujarlo a mano.
A favor de conservar la conversión: gráficos de bloques de color con curvas regulares, pocas letras pequeñas y líneas finas, y usos como web, iconos de interfaz o piezas de tamaño medio. Si a 4× el borde está limpio, los huecos completos y la letra más pequeña se lee, puedes parar; no hace falta perseguir el mínimo número de rutas.
A favor del redibujo manual: muchas letras pequeñas, líneas capilares densas, degradados esenciales en la identidad, o usos en gran formato de impresión y rótulos, donde cualquier escalón o rotura se amplifica a simple vista. Redibujar los contornos clave en un editor vectorial siguiendo el original suele ahorrar tiempo frente a reintentos infinitos.
Cuando la conversión ya casi sirve y solo quedan mellas sueltas, lleva el SVG a un editor vectorial y limpia nodos: elimina los sobrantes, fusiona rutas rotas y regulariza los redondeos. Es el remate posterior al reintento, se hace en software externo: la herramienta de imagen a vectorial no incluye edición de nodos.
El criterio siempre lo marca el uso: cuanto menor el tamaño real de visualización, mayor la tolerancia a la precisión de las rutas; y cuanto mayor la ampliación prevista, más merece la pena buscar desde el principio el mejor original.
Preguntas frecuentes
¿Ayuda ampliar la imagen antes de convertirla a SVG?
Ayuda poco. Ampliar aumenta el número de píxeles, pero los píxeles interpolados solo ensanchan el contorno existente: la información de borde no crece y el ruido se amplifica con todo lo demás. Sirve para que una imagen pequeña por debajo del umbral de 256 píxeles cumpla el requisito de subida; para bordes de verdad limpios, prioriza buscar la versión original de mayor resolución.
¿Por qué un logo fotográfico genera tantas rutas?
Las fotos y los degradados continuos no tienen bordes de color netos, así que el trazado aproxima la transición con multitud de bloques pequeños: las rutas se disparan con el detalle y el archivo crece y se vuelve difícil de editar. Este material se conserva mejor como mapa de bits de alta resolución; si de verdad necesitas la versión vectorial, simplifícalo primero a una versión de bloques de color o vectoriza solo el gráfico emblemático. Qué materiales merecen conversión y cuáles quedan en mapa de bits se resume en la tabla por escenarios de “PNG o SVG para el logo: qué elegir para web, póster e imprenta”.
¿Cómo saber si la conversión ya sirve para la tarea actual?
Comprueba según el tamaño final de uso. En el panel de resultados, ve a 4× y revisa curvas, huecos, líneas finas y letras pequeñas; vuelve a 1× y valora si los bloques de color son aceptables. En web e interfaz se mide por la nitidez al tamaño real de visualización; la impresión en gran formato y los rótulos amplifican cualquier defecto y el estándar sube en consecuencia. Que el mismo borde haya mejorado visiblemente entre dos rondas indica que la ronda actual ya basta.
Ordena el original y vuelve a convertir
Empieza por el borde más áspero: clasifica el problema, prepara con el método correspondiente una entrada nueva y abre imagen a vectorial para reconvertir con el archivo nuevo. Al terminar, vuelve al mismo borde con el mismo aumento y comprueba; con la mejora a la vista, pasa al siguiente.
