Mis exportaciones de bocetos parecen estar pixeladas incluso cuando las exporto a 1x

He notado que mis exportaciones no son tan nítidas como se ven en la mesa de trabajo. Para dar un ejemplo, intento exportar la insignia de Google Play desde este archivo de regate: https://dribbble.com/shots/1849549-Free-Vector-App-Store-Badges

Pero el texto parece estar borroso.

La insignia exportada está borrosa

¿Qué texto ves borroso? ¿Hay alguna posibilidad de que estés viendo esto en un macbook con retina?
Hola, si ves la exportación a la derecha "Consíguelo en Google Play", está borroso. ¡Y sí, estoy en retina macbook!
No es borroso para mí... así que supongo que es porque estás en un macbook con retina. Recuerde que algunas aplicaciones, como PhotoShop, intentan mostrarle píxeles de "tamaño real" pero en una pantalla de 2x. Es la macbook la que agrega el desenfoque, no la imagen en sí.
(Alguien, corríjame si me equivoco)... Creo que si quiere un verdadero 1px en la imagen = 1 px real en su pantalla retina, necesita ver sus imágenes al 50% dentro de su software de edición. Por desgracia, no estoy tan familiarizado con Sketch, así que no estoy seguro de si ese es el caso en ese programa en particular o no.

Respuestas (4)

Este es un problema de interfaz de usuario.

Si examina las dimensiones reales en píxeles del elemento de vista previa de exportación en su captura de pantalla, las dimensiones reales en píxeles de la vista previa son de aproximadamente 370 x 113 píxeles.

Si estoy leyendo la captura de pantalla correctamente, entonces su configuración de exportación real parece ser de 130 x 40 píxeles.

La vista previa de exportación representa una imagen de 130x40 y luego la estira ("ampliando" o "ampliando") esa imagen 3 veces cuando se la muestra.

Esto puede ser un subproducto/problema con el software UX que se ejecuta con configuraciones de alta densidad o MacOS "retina 2x" donde el UX se representa en dimensiones de píxeles altas pero simulando una resolución de 1920x1080 (etc.)

Gracias por la respuesta. Es por mi pantalla, me confundí. Cualquier solución para que sea WYSIWYG.
No uso ese software, ni sistema operativo, pero la solución más simple es exportarlo a una ubicación fácil y obtener una vista previa del 100% del tamaño de píxel usando un navegador o una vista previa de imagen que no se "amplía" en los píxeles. También debe obtener una vista previa en varios dispositivos.

Estaba teniendo este mismo problema. Tengo uno de los nuevos (¿retina?) Mac Pros. La configuración de exportación predeterminada es de tamaño 1x. Cuando lo aumenté a 2x y 3x, la resolución mejoró y mejoró. 3x fue óptimo. ¡Dale una oportunidad!

Conclusión: dentro de Sketch 3, mi tablero de arte se veía nítido y no estaba pixelado. Cuando exporté el tablero como PNG o JPG, su tamaño de exportación predeterminado de 1x arrojó un resultado que parecía pixelado. Cuando aumente el tamaño de exportación a 3x, debería salir tal como se ve en su aplicación Sketch: ¡nítido y hermoso! Tenga en cuenta que puede ver estos cambios en tiempo real en el lado derecho de su pantalla cuando juega con la configuración de exportación. Tan pronto como haga clic en 2x y/o 3x, notará la diferencia en la ventana de vista previa de exportación.

¡Espero que esto ayude! Salud

Esto simplemente duplica o triplica las dimensiones en píxeles de la imagen. Si el tamaño de píxel de 1x es la especificación, entonces 2x o 3x no son una opción.

No confíes en la vista previa

La vista previa de exportación está ahí para su comodidad*. Notará que si crea exportaciones adicionales para el mismo activo, todavía hay una sola vista previa.

La vista de píxeles es tu amiga

Si desea ver la degradación no vectorial, simplemente active View> Canvas> Show pixels on Zoom(también conocido como Ctrl+ P). Ahora cambia al zoom al 100 % y verás tu trabajo en todo su esplendor pixelado.

La excepción

Sketch asume que estás creando activos de interfaz, no retocando el ojo vago de tu novia. Está orientado a png. Si desea ver qué tan mala es la compresión jpg, deberá exportar y verificarla en un navegador o en su visor de imágenes favorito.

* De hecho, puede arrastrar la exportación desde esa miniatura a una carpeta si lo desea.

Descargué su archivo de Dribble y exporté los 3 botones en el archivo y los archivos exportados no están borrosos en absoluto en ningún tamaño (1x, 2x, 3x). Para la imagen en miniatura de vista previa que ves a la derecha en la sección de exportación, supongo que siempre está borrosa así :)