Cómo convertir un logo a SVG

La respuesta corta

Suelta tu logo en la herramienta de abajo. El ajuste Logo lo reduce a sus colores principales y traza cada zona de color como contornos suaves. El original y el SVG aparecen lado a lado; acerca el zoom en los dos para revisar las curvas y pulsa Descargar SVG.

Si el logo viene sobre un rectángulo blanco o de un solo color, marca Quitar fondo. El fondo que toca los bordes de la imagen pasa a ser transparente, mientras que el mismo color dentro del logo, por ejemplo el hueco de una letra O, sigue relleno. Si solo tienes un JPG, no pasa nada: la herramienta limpia el ruido del JPG en los bordes.

Qué cambia cuando un logo pasa a SVG

Un PNG o un JPG es una cuadrícula de cuadraditos de color. Se ve bien a su tamaño, pero al ampliarlo para una lona, la rotulación de un coche o una impresión grande, los bordes se suavizan o se ven escalonados. Un SVG guarda formas: cada contorno se describe con líneas y curvas y se rellena de color, así que se puede dibujar nítido a cualquier tamaño.

Vectorizar es pasar del primer tipo de archivo al segundo. La herramienta analiza los píxeles, decide qué colores van juntos, sigue el borde de cada zona y ajusta curvas a lo largo de él. El resultado no es una copia del archivo original, es un nuevo dibujo, y por eso una imagen de origen limpia da un resultado limpio.

Qué imágenes se convierten bien

Cuanto más limpio y plano sea el original, mejor será el SVG. Los logos con pocos colores sólidos, los iconos, los sellos, la rotulación a mano y los dibujos de tinta escaneados se convierten en formas limpias. Los degradados, las sombras, las texturas y las fotos no tienen bordes claros, así que la herramienta tiene que dividirlos en franjas de color plano.

Elige el ajuste que corresponda a la imagen. Pone valores adecuados de colores, detalle y suavizado, y después puedes cambiar cada uno.

Ajustar el resultado

Colores fija el máximo de colores que puede usar el SVG. En los logos, los tonos casi iguales se unen automáticamente, así que un logo de tres colores sigue con tres aunque el control permita más. Si desaparece un color real, por ejemplo un eslogan gris fino que toma el color de la marca principal, sube los colores.

Detalle decide lo pequeña que puede ser una mancha antes de unirse a lo que la rodea. Súbelo cuando el texto pequeño se rompa o se pierda el punto de una i. Bájalo cuando un JPG deje motas y puntos sueltos alrededor del logo.

Suavizado controla cuánto sigue el contorno a los píxeles. Los valores altos dan curvas más redondas y archivos más ligeros; los bajos mantienen esquinas marcadas y remates finos. Las esquinas rectas de recuadros y letras se detectan y se mantienen nítidas con cualquier ajuste.

Cada cambio actualiza el SVG en un momento. Debajo de la vista previa ves el tamaño del original junto al del SVG, además de cuántos colores y formas tiene, para comparar ajustes rápidamente.

Limpiar un logo JPG o un escaneo

Muchos logos solo existen como JPG sacado de una web antigua o de una firma de correo. La compresión JPG deja manchas tenues en los bordes. La herramienta une esos píxeles sueltos al color de al lado, así que los contornos salen limpios. Quitar el fondo blanco también funciona con JPG: el JPG no tiene transparencia, pero el SVG sí.

Para una firma fotografiada sobre papel, un boceto escaneado o un sello de goma, usa el ajuste Dibujo. Separa la tinta oscura del papel claro aunque el papel esté algo gris o mal iluminado, conserva la tinta como una sola forma de color y elimina todas las zonas blancas, incluido el interior de las letras. Para unos bordes mejores, escanea en plano y a buena resolución, o haz la foto desde arriba y con luz pareja.

Las imágenes muy pequeñas, como un favicon de 64 píxeles, se amplían internamente antes de trazarlas, lo que da curvas más suaves. Pero el detalle que no está en los píxeles no puede volver. Si el texto mide solo unos pocos píxeles, busca antes una copia más grande del logo.

Revisar y usar el SVG

Usa los botones de zoom encima de la vista previa, o mantén Ctrl y gira la rueda, para revisar los bordes hasta 16 veces. Los dos paneles se acercan y se desplazan a la vez, así que miras exactamente el mismo punto. Arrastra la vista para moverte. Con mucho zoom el original se muestra con sus píxeles reales, y la diferencia se ve fácilmente.

El SVG descargado tiene el mismo ancho y alto que tu imagen y contiene una forma por color, sin scripts, enlaces ni imágenes incrustadas. Se abre en navegadores, Inkscape, Illustrator, Figma, Affinity Designer, Canva y la mayoría de programas de máquinas de corte. Para cambiar el color del logo, modifica el valor de relleno de una forma. Copiar código SVG lleva el código al portapapeles, práctico para pegarlo directamente en una página web.

Las letras se convierten en contornos, no en texto editable. Si necesitas cambiar el texto, escríbelo de nuevo con la fuente original en tu programa de diseño.

Consejos para el mejor SVG de tu logo

• Empieza con la versión más grande y nítida del logo que encuentres. Una captura del logo de una web suele ser mejor que un adjunto de correo comprimido.
• Pide primero al diseñador el archivo vectorial original (AI, EPS, PDF o SVG). Un logo trazado es un buen sustituto, pero el original siempre es exacto.
• Si puedes, quita sombras y brillos en el original. Los logos planos se trazan con formas mucho más limpias.
• Revisa el SVG sobre un fondo oscuro y otro claro antes de enviarlo a una imprenta o a un rotulista.