Conversor de imagen a SVG gratis
Convierte imágenes PNG o JPG a vectores SVG escalables con logotipo, presets detallados y en blanco y negro, recuento de color y controles de suavizado.
Cargando herramienta…
Cómo convertir una imagen PNG o JPG a SVG
Vectorizing convierte los píxeles en formas rellenas que permanecen nítidas a cualquier tamaño, lo que es ideal para logotipos, iconos, firmas, sellos e ilustraciones planas. Este convertidor rastrea imágenes con la biblioteca imagetracerjs en un hilo de fondo en tu dispositivo. Crea nuevas rutas vectoriales desde píxeles, que es diferente del visor y optimizador SVG que solo muestra y limpia el código SVG existente.
- Elige una imagen PNG, JPG, WebP, GIF o BMP de hasta 25 MB.
- Selecciona un preset: Logo / colores planos, afiches, detallados o en blanco y negro.
- Ajustar el número de colores, suavizar el camino y cuántos pequeños detalles guardar. Para blanco y negro, usa el umbral automático o establece el suyo propio.
- Elige una resolución de rastreo y luego selecciona Convertir a SVG. Compara el original y el SVG lado a lado.
- Comprueba el conteo de tamaño y forma SVG, luego descarga el archivo.svg o copia el código SVG.
Cuando vectorizar una imagen tiene sentido
Un PNG o JPG es una cuadrícula de píxeles. Escale hacia arriba y los bordes se vuelven blandos o bloqueados. Un SVG describe las formas matemáticamente, por lo que se mantiene nítida en una tarjeta de visita, un signo de tienda o una pantalla de 4K, y los colores de cada forma se pueden editar más tarde. Los diseñadores a menudo necesitan reconstruir un logotipo para el que sólo sobrevive un pequeño PNG, convertir un dibujo o firma dibujado a mano en arte de línea limpia, o preparar obras de arte para cortadores de vinilo, grabadores láser y software de bordado que requieren trayectorias vectoriales.
El trazado automático es el mejor para imágenes con bordes claros y un conjunto limitado de colores planos: logotipos, iconos, clip art, sellos, dibujos de estilo cómico y tinta escaneada. Es un punto de partida rápido en lugar de un reemplazo para un redibujo manual cuidadoso, así que espera ordenar el resultado en un editor de vectores si la obra de arte es importante. Las fotos pueden ser rastreadas para un efecto similar a un póster, pero producen archivos grandes con muchas formas.
Ejemplo trabajado: un logotipo de dos colores en blanco
Tome un logotipo PNG de 4000 × 3000 píxeles hecho de un círculo azul y un cuadrado naranja sobre un fondo blanco. Con la resolución de rastreo balanceada de 1000 píxeles, la imagen se reduce a 1000 × 750 para el rastreo, y cada coordenada se multiplica por 4 para que el SVG se abre en el tamaño original de 4000 × 3000. El logotipo preestablecido con 8 colores y suavizado 3 utiliza umbrales de error de 0.97 píxeles para líneas rectas y curvas, y el ajuste de detalle predeterminado de 5 ignora contornos más cortos que 8 bordes de píxeles, que elimina pequeñas motas.
En nuestra prueba el resultado tuvo 3 formas y 3 colores (el fondo blanco, el círculo y el cuadrado) y el SVG fue de 1.707 bytes, un pequeño archivo que se puede ampliar sin pérdida alguna. Cambiando al preset detallado con 32 colores, alisando 1 y detalle 8 todavía se encuentran 3 formas, pero con muchos más puntos a lo largo de cada borde, y el archivo creció a 5,447 bytes. Para obras de arte simples el detalle extra añade bytes sin beneficio visible, por lo que vale la pena empezar con el preset más simple.
Cómo funciona el rastreo
La localización ocurre en tres etapas. En primer lugar, los colores se reducen al número elegido, mediante la toma de muestras de la imagen y el promedio repetido de píxeles similares en una paleta. Cada píxel se asigna a su color de paleta más cercano, creando una capa por color. En segundo lugar, el contorno de cada región en cada capa se sigue alrededor de su borde. En tercer lugar, esos contornos están equipados con líneas rectas y curvas cuadráticas, utilizando el ajuste de suavizado como la tolerancia: un valor más alto permite que la curva se desvíe más del borde del píxel, dando formas más suaves con menos puntos.
El preset blanco y negro primero convierte la imagen en blanco y negro puro. El umbral automático utiliza el método de Otsu, que elijas el brillo que mejor separa los píxeles oscuros y claros, y puedes anularlo con el deslizador. El rastreo se ejecuta en un trabajador de fondo para que la página se mantenga sensible, y regiones totalmente transparentes se dejan normalmente fuera de la SVG. La salida utiliza una vistaBox más una anchura y altura en píxeles, por lo que se abre al tamaño original y se escala limpiamente en navegadores y aplicaciones de diseño.
Errores comunes
Usar demasiados colores es el error más común. Los bordes antialiasados contienen tonos intermedios, y con un alto recuento de colores cada sombra se convierte en tu propia capa delgada, que infla el archivo y crea halos. Comienza con el número real de colores en la obra, más uno para el fondo, y aumentar sólo si falta algo.
La localización de un JPG pequeño o fuertemente comprimido también da malos resultados, porque los bloques y borrosos de JPEG se vuelven bordes tambaleantes. Usa el original más grande y limpio que tenga, y elige una resolución de rastreo más fina para obras de arte intrincadas. Por último, recuerda que el rastreo produce formas rellenas, texto no editable: la letra en un logotipo se convierte en contornos, por lo que mantenga el nombre original de la fuente si necesita editar las palabras más tarde.
Consejos útiles y limitaciones
- Empieza con los pocos colores que todavía se ven bien. Cada color adicional añade una capa de rutas y hace que el archivo sea más grande.
- Las fotos producen SVG grandes y manchados. El trazado funciona mejor en imágenes con bordes claros y áreas planas de color.
- Encienda la cuadrícula de transparencia para comprobar que las áreas de fondo que espera estar vacías realmente lo son.
- Ejecute el SVG descargado a través del SVG Viewer & Optimizer si desea revisar o ordenar el código.
Preguntas frecuentes
¿La salida de Image to SVG Converter es un verdadero vector?
Sí. El SVG contiene formas de ruta rellenas, no una copia incrustada de tu imagen, por lo que se puede escalar y editar en software vectorial.
¿Por qué es mi SVG más grande que el PNG original?
Las imágenes detalladas necesitan muchos caminos para describir. Bajar el número de colores, alisar o bajar el ajuste de detalle, o usar una imagen fuente de contraste más alto.
¿Puedo convertir una foto a SVG?
Puedes, usando Posterizado o Detalle, pero el resultado parece un póster en lugar de una foto, y los tamaños de archivo pueden ser grandes. Logos y arte de línea convierten mucho mejor.
¿Qué preconfiguración debo usar para una firma escaneada?
Blanco y negro. Deja el umbral automático encendido, luego eleve el umbral ligeramente si los trazos delgados desaparecen o bajarlo si la textura del papel se muestra como motas.
¿La imagen al convertidor SVG mantiene fondos transparentes?
Normalmente, sí. Las áreas totalmente transparentes se convierten normalmente en tu propia capa invisible, que se elimina del SVG, por lo que un logotipo en un PNG transparente permanece transparente. El preset blanco y negro llena la transparencia con blanco.
¿Cuánto tiempo tarda el rastreo?
Los logotipos simples suelen tomar bajo un segundo en la resolución balanceada. Imágenes grandes, muchos colores y la resolución máxima pueden tardar mucho más tiempo, y se puede cancelar en cualquier momento.
Tu imagen se rastrea en un hilo de fondo en este navegador y no se carga a ToolWorld Online. Guarda el SVG antes de cerrar la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online