¿Por qué mi exportación tiene una resolución tan baja?

¿Alguien puede decirme por qué mi exportación de Illustrator es de tan baja resolución? Tiene 490 px de ancho, así que pensé que aún debería ser nítido. ¿Algunas ideas?ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

A continuación se muestra la exportación con guardar para el tipo habilitado. Mira, arruina el tipo y no mejora la rez.ingrese la descripción de la imagen aquí

Guarde para "tipo optimizado" en lugar de "optimizado para el arte", consulte la pregunta relevante ¿ Cómo renderizar el texto perfectamente en píxeles con subpixel antialising con Illustrator?
¿Qué fuente está usando?
Luz helvetica neue.
Intente exportar un PNG exactamente al 200% y luego reduzca el resultado a 490px de ancho.
Creo que este hilo podría ser bueno para leer: ¿ Por qué Helvetica Neue se ve absolutamente horrible en Illustrator? .
"Intente exportar un PNG exactamente al 200 % y luego reduzca el resultado a 490 px de ancho. – Yorik hace 6 minutos" Intenté eso. Siempre lo mismo.

Respuestas (5)

Es un poco destructivo, pero puede obtener mejores resultados si convierte su texto en contornos.

Descubrí en el pasado que es la forma más fácil de evitar que Helvetica Neue se destruya cuando se exporta.

Sin embargo, para ser justos, un 200% png es probablemente lo mejor que obtendrá, su problema principal parece provenir del tamaño de los elementos en el gráfico. Cuando Illustrator exporta su archivo, está rasterizando todos esos hermosos datos vectoriales en píxeles: en algunos lugares (específicamente en el eslogan debajo del logotipo), el texto es más delgado que un píxel, por lo que lo compensa creando subpíxeles, y eso es lo que hace que las cosas se vean borrosas.

Es el mismo problema con los detalles de contacto, deben tener un tamaño de fuente más grande o un peso de fuente adicional.

Espero que ayude

@Will Si pones tu texto en "delineado", no olvides guardar una copia con el texto editable ¡jejeje!

Helvetica es una fuente horrible para texto de trama diminuto. Esto no tiene nada que ver con su resolución, es simplemente porque la imagen es pequeña y el texto es demasiado pequeño para verse bien en ese tamaño. Pruebe una fuente diferente en su lugar. La interfaz de usuario de Segoe está mejor diseñada para tamaños tan pequeños.

Aquí hay una comparación:

Tu 1er Ejemplo, con Helvetica

ingrese la descripción de la imagen aquí

Su segundo ejemplo, con Helvetica (Tipo optimizado)

ingrese la descripción de la imagen aquí

Segoe UI Light, 13px (Tipo optimizado)

ingrese la descripción de la imagen aquí

Como puede ver, no hay letras extrañas de tamaño desigual, especialmente notables en la palabra Boundary , o la palabra lucra en la versión optimizada de tipo Helvetica.

Otra cosa que podría hacer es aumentar el seguimiento muy ligeramente para ayudar con la legibilidad del texto, para que sea menos estrecho.

ingrese la descripción de la imagen aquí

¿Cambiaste las dos primeras imágenes? El segundo (presumiblemente tipo optimizado) se parece al de la pregunta, y mucho peor que el primero.
No, el segundo es lo que el OP dice que está optimizado. Sí, parece una mierda.
La interfaz de usuario de Segoe todavía tiene una t minúscula horrible cuando se optimizó el tipo... ¿o es solo parte del tipo de letra? :PAG
@Vincent Creo que es así debido a la forma en que funciona la optimización de tipos en tamaños pequeños, con el fin de aumentar la legibilidad. Quiero decir que no es totalmente perfecto, pero mucho mejor que Helvetica.

Exporte a tamaño 4x en Illustrator, luego importe a Photoshop y reduzca y luego guarde nuevamente. Muy frustrante, lo sé. Se puede hacer como un lote en

Archivo -> Guardar para Web y luego Exportar de acuerdo a su requerimiento de Tamaño. En esa última página, encontrará las preferencias de exportación.

Si encuentra esto útil, por favor vote esto.

ingrese la descripción de la imagen aquí

Como está escrito actualmente, su respuesta no está clara. Edite para agregar detalles adicionales que ayudarán a otros a comprender cómo esto aborda la pregunta formulada . Puede encontrar más información sobre cómo escribir buenas respuestas en el centro de ayuda .

Exportar captura de pantalla

Haz que el tamaño de tu imagen sea más grande multiplicándolo por una proporción.