Cree iconos vectoriales y expórtelos más tarde como PNG sin antialiasing

Creé un archivo vectorial (svg)66px x 66px y ahora quería exportarlo como 44px x 44pxun 22px x 22pxarchivo PNG. Debe usarse como UIBarButtonItemen la barra de navegación. Por lo tanto uso Inkscape. Aquí hay un ejemplo:

Icono con suavizado

Actualicé a Inkscape 0.91 para deshabilitar la opción de suavizado, pero no ayudó. Probé una herramienta de conversión en línea, intenté simplemente reducir la escala, exporté como EPS / PDF e importé en GIMP, pero cada vez que no obtengo líneas nítidas. Siempre hay antialiasing involucrado. Leí sobre el uso de herramientas como ImageMagick, Ghostwriter y uso la versión de línea de comandos, pero aquí tengo que cuestionar el proceso de cómo crear mis íconos. Debe ser simple y sin trabajo de programación.

Entonces, ¿cuál es la mejor manera de crear imágenes vectoriales y exportarlas como imágenes PNG sin antialiasing?

¿Puedes publicar un ejemplo de exportación que no te satisfaga?
@Wrzlprmft: edité mi pregunta y proporcioné un ejemplo.
si estuviera usando Illustrator, le diría que use la alineación con la cuadrícula de píxeles, lo que haría que todo sea perfecto en píxeles sin bordes borrosos. Pero estás usando Inkscape. Para ser honesto contigo, para algo tan simple solo usaría Photoshop. No hay necesidad de gráficos vectoriales en esta situación.
¿Ha intentado cambiar el tamaño de la imagen en Inkscape al tamaño deseado (por ejemplo, 22x22px) y exportarla con una proporción de 1:1?
@EddieA.: Sí, creo que sería una opción, pero no tengo PS aquí. El uso de gráficos vectoriales tiene la ventaja de cambiar su tamaño a todos los tamaños, si el tamaño cambia más adelante.
@PaoloGibellini: No, pero lo intentaré la próxima vez y les informaré los resultados.

Respuestas (1)

Este problema no tiene nada que ver con la elección del software o la configuración del mismo, sino con las matemáticas básicas.

Si su salida está destinada a ser archivos ráster cuadrados en múltiplos de 22, entonces el archivo de origen (vector) y los elementos principales deben ser simplemente divisibles por 22.

Con los elementos de línea horizontal en su diseño que tienen la mitad de la altura de sus respectivos puntos y están alineados en el centro, está creando un escenario donde la altura más pequeña posible es de 2px por línea. Eso hace que sus puntos sean de 4 px y crea una altura de archivo mínima de 4 px X 7 (3 puntos más el espacio superior e inferior) dando 28 px.

Le sugiero que cree una cuadrícula de 22x22, diseñe su diseño para que ninguna línea se superponga a las líneas de la cuadrícula y luego amplíelo para los otros tamaños. Es más complicado explicar por qué no funcionará de la forma en que lo ha hecho que simplemente comenzar de nuevo con una cuadrícula de salida del tamaño que desea: hará "clic" donde se equivocó y por qué su archivo nunca le dará lo que quieres.

Ahora, probé lo que dijiste ( www26.zippyshare.com/v/pGm89LGJ/file.html ). Primero, pensé que funcionaría. Hice un pequeño ajuste y ahora solo obtengo imágenes suavizadas.
@testing ¡Buen trabajo en el svg! Exporté una versión de 22x22 y era maravillosamente nítida. Asegúrese de que en el cuadro de diálogo de exportación haya seleccionado 'Página' o 'Dibujo' para garantizar que se exporte toda el área de 22x22 y que el tamaño del mapa de bits de exportación también sea 22x22. Encontrará que la resolución es de 90 ppp.
DE ACUERDO. Entonces, ¿la única diferencia fue la configuración de exportación de 90 ppp? Ahora funciona. ¡Muchas gracias!
En realidad no. Inkscape siempre quiere exportar a 90 ppp, pero en realidad no es la resolución la que causa el antialiasing. Si cambia la resolución de salida a cualquier otra cosa que no sea 90 ppp, cambiará las dimensiones de su mapa de bits exportado. Si establece los ppp en 72, el mapa de bits resultante es 18x18. Si visualiza una cuadrícula de 18x18 en su archivo svg, verá dónde y por qué está obteniendo una salida suavizada. Duplique las dimensiones de salida a 44x44 y verá que su ppp se duplica a 180.
Cree iconos vectoriales y expórtelos más tarde como PNG sin antialiasing
RespuestasAquíPolítica de privacidad1y, 0v