Exportación de SVG agregando píxeles en la vista previa y el navegador

Con suerte, alguna solución simple para esto, pero básicamente cuando exporto un ícono creado en un boceto, básicamente agrega un píxel. ¿Es este un problema de exportación o un problema de renderizado en Chrome, por ejemplo? (o ambos).

Aquí hay una captura de pantalla de lo que se exporta:

ingrese la descripción de la imagen aquí

Como puede ver, todo se alinea con la cuadrícula de píxeles, etc.

Esto es lo que veo en la vista previa:

ingrese la descripción de la imagen aquí

Como puede ver, está claramente roto. ¿Supongo que tal vez la punta de la flecha está rota porque la punta cae sobre medio píxel? ¡Pero no puedo explicar el problema con la línea horizontal en la parte superior que se duplica en altura! ¡Por favor ayuda!

Eso podría ser solo un error de renderizado de vista previa. ¿Qué sucede cuando lo genera como una imagen rasterizada o como un SVG y lo ve en un navegador? Las vistas previas son solo vistas previas. . . después de todo.
mismo problema en el navegador. Lo he exportado desde Illustrator y aparentemente está bien, así que debe ser un problema de boceto.
¿Has probado a exportar a SVG? Verifique el código SVG generado y vea si las dimensiones se filtran por encima de la cuadrícula (si encuentra algunos decimales de punto flotante realmente extraños en lugar de valores enteros exactos).

Respuestas (1)

Intente usar la opción de exportación anterior (Archivo>Exportar>Exportar como). De esta manera, puede definir a cuántos lugares decimales se redondea el SVG. Prueba '2'. Esto puede arreglar un poco las cosas.

ingrese la descripción de la imagen aquí.

Tenga en cuenta que cuanto más pequeño sea viewBox, más decimales pueden ser necesarios.
Exportación de SVG agregando píxeles en la vista previa y el navegador
RespuestasAquíPolítica de privacidad1y, 0v