Incrustar una imagen no es vectorizarla
Un SVG puede contener una imagen rasterizada incrustada. El contenedor se escala, pero los píxeles aún se vuelven borrosos. La verdadera vectorización estima regiones y bordes y luego los representa como trazados, rellenos, trazos y formas.
El calco automático no recupera las curvas, fuentes, capas ni la intención del diseño originales de Bézier.
Mejores candidatos
- Iconos monocromáticos de alto contraste.
- Logotipos simples con colores planos.
- Líneas limpias o firmas.
- Diagramas con grandes regiones sólidas.
- Pixel art cuando se pretende escalar en bloques.
Utilice la fuente de mayor calidad. Los archivos JPEG pequeños introducen bordes borrosos y zumbidos que se convierten en trazados adicionales.
Por qué las fotos crean SVG malos
Las fotografías contienen color, textura, ruido y bordes suaves continuos. El calco puede crear miles de formas y un archivo más grande y más lento que el original.
Utilice JPEG, WebP o AVIF para fotografías, a menos que se requiera un estilo posterizado deliberado.
El recuento de colores controla la complejidad
| Source | Estrategia inicial | Follow-up |
|---|---|---|
| Icono monocromo | Traza de un color | Simplifica nodos y esquinas |
| Logotipo plano | Paleta limitada | Recrea el tipo y la geometría exacta. |
| dibujo lineal | Alto contraste, suavizado moderado | Reparar huecos y trazos. |
| Arte de píxeles | Bordes duros, sin suavizar | Alinear con la cuadrícula deseada |
| Photo | No rastrear por defecto | Ilustrar manualmente si es necesario |
Utilice el convertidor de Jivaro
- Abra Imagen al convertidor SVG.
- Agregue archivos PNG, JPG, WebP, GIF, BMP o AVIF dentro del límite de lotes actual.
- Elija Logotipo/Ícono, Color detallado, Monocromo simple o Lote rápido.
- Ajuste los controles de color y seguimiento.
- Compare con zoom normal y alto.
- Inspeccione la fuente SVG y el tamaño del archivo.
- Descargue archivos individuales o un ZIP.
Inspeccionar la complejidad de la ruta
Abra el resultado en un editor de vectores. Verifique el recuento de rutas/nodos, formas diminutas debido al ruido, rellenos superpuestos, rutas abiertas, transparencia, viewBox, dimensiones y datos ráster incrustados. La simplificación sólo ayuda hasta que cambia la forma deseada.
La tipografía y los maestros de marca necesitan reconstrucción
El calco de letras produce contornos de píxeles, no la fuente o el interletraje original. Recrea manualmente primitivas tipográficas y geométricas para logotipos oficiales, animaciones, producción impresa o ilustraciones que deben seguir siendo editables.
Seguridad y exportación
SVG es XML y puede contener scripts, referencias externas, filtros y contenido incrustado. Desinfecte el SVG que no sea de confianza antes de publicar. Verifique viewBox, dimensiones, transparencia y apariencia en el tamaño más pequeño previsto.
Un práctico flujo de trabajo de reconstrucción manual
- Coloque la referencia ráster en una capa bloqueada.
- Identificar verdaderas primitivas geométricas y simetría.
- Primero recrea formas grandes.
- Utilice la menor cantidad de puntos de control posible.
- Reconstruya la tipografía con la fuente correcta o contornos personalizados.
- Alinee numéricamente el espaciado, los radios y el ancho de los trazos.
- Compare en tamaños pequeños y grandes.
- Elimine la referencia e inspeccione el vector independiente.
El calco automático puede proporcionar una silueta aproximada o regiones de color, pero la reconstrucción manual produce un patrón deliberado.
Optimice SVG para la web
Elimine los metadatos del editor, las capas ocultas, la precisión innecesaria y las definiciones duplicadas. Conserve un viewBox correcto. Evite dependencias externas y desinfecte el contenido que no sea de confianza. Pruebe la representación, el enfoque/nombramiento accesible cuando sea interactivo y el rendimiento cuando aparezcan muchos SVG en una página.
Preguntas frecuentes
Puede contener una imagen rasterizada incrustada o la fuente ya tenía bordes borrosos.
El rastreo detallado puede crear miles de rutas y coordenadas.
Utilice la menor cantidad que preserve regiones importantes y luego inspeccione la complejidad.
Trátelo como un punto de partida; reconstruir manualmente la geometría y la tipografía para un maestro de marca.
Aplicaciones relacionadas Jivaro
Recorta y convierte imágenes PNG, JPG, WebP, GIF, BMP y AVIF a SVG optimizados, elimina fondos, ajusta o recolorea paletas y exporta archivos o un ZIP.
Abrir aplicaciónFuentes y referencias
- Gráficos vectoriales escalables (SVG) 2W3C · referencia
- PotrazaPotraza · referencia
- Guía de formato y tipo de archivo de imagenMDN Web Docs · referencia
- Convertidor de imagen a SVGJivaro · propio