Cómo convertir PNG a SVG: vectoriza un logo o una imagen
Convierte un logo o un icono pixelado en un SVG nítido y escalable sin límite. Cómo funciona la vectorización, qué imágenes dan mejores resultados y cómo limpiar el resultado.
Mapa de bits o vectorial: ¿por qué pasar a SVG?
Un PNG o un JPG es una cuadrícula de píxeles. Si lo amplías, los píxeles se hacen visibles: los bordes se dentan y se vuelven borrosos. Un SVG es una descripción matemática de formas — «un círculo aquí, una curva allá, rellenos de azul». Se mantiene perfectamente nítido a cualquier tamaño, desde un favicon de 16 px hasta una lona de 3 metros.
Convertir un PNG a SVG es útil para:
- imprimir un logo en gran formato (rótulos, camisetas, rotulación de vehículos),
- enviar un logo a una imprenta o un bordador que pide un archivo vectorial,
- cortar un diseño con una máquina de corte (Cricut, Silhouette, láser),
- integrar un icono en una web que se vea nítido en cualquier pantalla,
- cambiar fácilmente los colores de un logo.
Cómo funciona la vectorización
La vectorización analiza la imagen, agrupa los píxeles en zonas de color parecido y traza curvas a lo largo de los bordes de esas zonas. El resultado es un conjunto de formas que reproducen la imagen original.
Ideal para logos, no para fotos
La vectorización funciona de maravilla con imágenes de formas claras y pocos colores: logos, iconos, ilustraciones, dibujos, firmas. Una foto se convertirá en un efecto «póster» estilizado — interesante artísticamente, pero no una copia fiel.
Convierte un PNG a SVG en 3 pasos
El conversor de imagen a SVG vectoriza directamente en tu navegador con WebAssembly: tus archivos nunca salen de tu dispositivo.
- Importa tu imagen — PNG, JPG, WebP o BMP.
- Elige el modo: color para conservar los colores del logo, blanco y negro para una firma, un sello, un dibujo de líneas o un archivo de corte.
- Descarga el SVG y compruébalo haciendo zoom.
Cómo conseguir un resultado limpio
La calidad del SVG depende sobre todo de la calidad de la imagen de origen:
| Imagen de origen | Resultado |
|---|---|
| Logo grande, colores planos, bordes nítidos | Excelente |
| Logo pequeño (menos de 200 px) | Bordes aproximados — amplíalo primero |
| Logo en JPG con artefactos de compresión | Formas sobrantes alrededor de los bordes |
| Degradado, sombra, textura | Muchas formas, archivo pesado |
| Foto | Efecto estilizado, posterizado |
Consejos:
- Parte de la versión más grande del logo que tengas. Si es diminuto, amplíalo antes con el ampliador con IA (modelo Ilustración).
- Quita el fondo si no es uniforme, con la herramienta para quitar el fondo.
- Mejor PNG que JPG: los artefactos del JPG se convierten en pequeñas formas parásitas.
- Simplifica: un logo de 4 colores se vectoriza mucho mejor que uno con degradados.
Limpia y edita el SVG
Una vez vectorizado, puedes retocar el SVG en el editor SVG online: borrar una forma sobrante, cambiar un color, ajustar el tamaño y exportar en SVG o PNG. Para comprobar un SVG a distintos tamaños, conviértelo con SVG a PNG.
Preguntas frecuentes
¿El SVG es idéntico al original?
Es un redibujo fiel, no una copia: las curvas se suavizan y los detalles muy finos pueden simplificarse. En un logo de formas limpias, la diferencia es invisible.
¿Por qué mi archivo SVG pesa tanto?
Cada zona de color se convierte en una forma. Una imagen detallada con degradados produce miles de formas. Reduce el número de colores o usa el modo blanco y negro.
¿Puedo usar el SVG como favicon?
Sí. También puedes generar todos los tamaños de favicon a partir de tu logo con el generador de favicon.
Conclusión
Convertir un PNG a SVG da una segunda vida a tus logos e iconos: nítidos a cualquier tamaño, fáciles de recolorear y listos para imprimir y cortar. Parte de una imagen limpia y grande, elige el modo adecuado y remata los detalles en un editor SVG — todo en tu navegador.
Compartir este artículo
Artículos relacionados
Editor SVG online: cómo editar archivos SVG sin instalar nada
Edita tus archivos SVG directamente en tu navegador: colores, capas, tamaño, exportación a PNG. Guía completa del editor SVG de AwesomeToolkit.
Cómo crear un favicon para tu web (guía completa 2026)
Aprende a crear un favicon profesional para tu web en unos minutos. Todos los formatos (ICO, PNG, SVG), los tamaños y lo que pide cada plataforma.
Cómo crear una paleta de colores: armonías, regla 60-30-10 y contraste
Complementaria, análoga, triádica… Aprende cómo funcionan las armonías de colores, cómo construir una paleta equilibrada para una web o una marca y cómo mantener el texto legible.