Cómo comprobar la calidad del vector antes de descargar un SVG

Respuesta rápida

Inspeccione un vector en varios niveles de zoom fijos, cambie el fondo y verifique la estructura de ruta real. Un buen resultado conserva la geometría deliberada, utiliza un número razonable de rutas, no contiene tramas incrustadas accidentales y se abre correctamente en el software que lo editará, imprimirá o fabricará.

Revisar en más de una escala

Al 100% comprobar toda la composición. Al 200%, revise las proporciones y el espaciado. Al 400%, inspeccione las letras, las intersecciones y los radios de esquina consistentes. Al 800 %, busque curvas ruidosas, pequeños espacios, franjas de color y nodos adicionales.

No juzgues la calidad sólo por el 800%. Una desviación técnicamente pequeña puede resultar invisible en el uso previsto, mientras que una forma interior faltante puede ser evidente en un tamaño normal. Muévase entre descripción general y detalle.

Comparar fuente y resultado en una ventana gráfica

Una vista dividida sincronizada mantiene la escala y la posición consistentes. Mueva ambas versiones juntas y deje el divisor fijado a la ventana gráfica. Esto hace que sea más fácil detectar si el vector movió un borde, cambió un contador o simplificó una curva.

Utilice la fuente como evidencia, no como una orden para preservar cada píxel. El suavizado crea píxeles de borde combinados que normalmente deberían convertirse en un límite suave, no en varias franjas de colores.

Cambiar el fondo

Los errores de transparencia suelen desaparecer en una página en blanco. Verifique el vector en fondos blancos, oscuros y de tablero de ajedrez. Busque un rectángulo blanco que debería ser transparente, halos alrededor de la obra de arte, formas blancas faltantes y píxeles semitransparentes convertidos en capas sólidas.

Inspeccionar la geometría

Los bordes rectos deben permanecer rectos. Las esquinas redondeadas repetidas deben tener radios similares. Las partes simétricas no deben volverse visiblemente desiguales a menos que la fuente sea intencionalmente orgánica.

Las cartas merecen una atención especial. Verifique el interior de A, B, D, O, P y R, el espacio entre caracteres y las uniones finas. Un vector que parece aceptable como icono pequeño puede no funcionar como marca denominativa grande.

Confirma que es un SVG editable real

Abra el archivo en un editor de vectores o inspeccione el marcado. La salida vectorial útil contiene caminos y formas. Un elemento <image> con un PNG base64 puede hacer que un archivo sea SVG técnicamente válido y dejar la obra de arte basada en ráster.

Seleccione regiones individuales y cambie un relleno. Si toda la obra de arte se comporta como una imagen de un píxel, no se ha vectorizado de manera significativa.

Comprobar complejidad

Más nodos no significan automáticamente más precisión. Un exceso de nodos suele reproducir ruido rasterizado y dificultar la edición. El mejor archivo utiliza suficiente geometría para preservar la silueta sin rastrear cada píxel suavizado.

La optimización puede eliminar metadatos, normalizar números y reducir el marcado redundante. Vuelva a abrir el archivo optimizado y compárelo visualmente para asegurarse de que el proceso no alteró el diseño.

Prueba el destino

Importe íconos web al sitio real, abra recursos de diseño en el editor deseado, obtenga una vista previa de las rutas de corte en el software de la máquina o renderice una prueba de impresión en dimensiones reales. Las pruebas de destino convierten una revisión abstracta en evidencia de que el activo está listo.

Utilice vectorizador en línea para comparar el resultado y luego ejecute Optimización SVG cuando se apruebe la geometría.