Archivo EPS de Illustrator a logotipo web PNG - Calidad de impresión

Me han proporcionado un logotipo tipográfico en formato EPS y estoy creando un PNG con él (Archivo | Guardar para Web y dispositivos) para usar en un sitio web. Una de las páginas del sitio web es una vista de datos "apta para imprimir" y utiliza este logotipo. El problema con el que me encuentro es que este logotipo se ve terrible cuando se imprime desde el sitio web.

He intentado todo lo que se me ocurre para que el logotipo se vea bien cuando se imprime desde el sitio web, pero no puedo lograr que se imprima bien. ¿Es esto solo una limitación de la impresión desde un navegador web o hay algo que me falta cuando exporto a un formato PNG? Aquí hay un par de notas:

  • No estoy cambiando el tamaño de la imagen durante la exportación o en la página web real.
  • Cuando imprimo el logotipo directamente desde Illustrator, sale genial. Solo cuando se imprime desde la página web real, se ve terrible (pixelada, etc.).
  • Hice 'Seleccionar todo' y verifiqué 'Alinear con cuadrícula de píxeles' en el panel Alinear (estoy usando CS5).
  • El logotipo se ve muy bien cuando se representa en la pantalla, muy nítido.
  • El DPI se establece en 300 en el logotipo.

Cualquier ayuda sería muy apreciada.

Saludos,

craig

"¿Es esto solo una limitación de la impresión desde un navegador web" = sí. Sin embargo, podría convertirlo en un archivo SVG. Eso puede funcionar.

Respuestas (1)

La respuesta corta es que PNG es una imagen rasterizada de baja resolución.

La respuesta larga es que se ve bien en la pantalla porque se representa a 1 píxel por píxel, pero cuando intenta imprimirlo, la versión impresa en realidad se amplía. Las imágenes en color impresas se ven bien a 300 ppp. No especifica la dimensión en píxeles del png, pero si su logotipo tiene 300 píxeles de ancho en su pantalla, obtendrá un logotipo de 1 pulgada de ancho a 300 ppp (o más pequeño en una impresora láser de 1200 ppp). Cualquier cosa más grande y el navegador lo está ampliando, probablemente con un algoritmo de estiramiento rápido (de baja calidad).

Las capacidades de la impresora se complicarán aún más con esto (como el difuminado de los controladores de impresión láser en blanco y negro).

Tenga en cuenta que "300dpi PNG" no tiene más o menos sentido. Las imágenes rasterizadas tienen un tamaño de punto fijo (píxeles) (piense en papel cuadriculado). Las imágenes EPS (vectoriales) tienen una resolución esencialmente infinita, ya que se almacenan como puntos y curvas que se calculan en el momento de la salida.

(ver: http://en.wikipedia.org/wiki/Raster_graphics y http://en.wikipedia.org/wiki/Vector_graphics )

Gracias por la información. Estoy medianamente familiarizado con la diferencia entre vector y ráster, pero no he tratado mucho este tipo de problema. ¿Puede recomendar la mejor manera de mitigar esto? ¿Sería mejor representar la página en formato PDF para garantizar que el logotipo se represente como una imagen vectorial?
Es posible, nunca lo he implementado, así que no preguntes;) usar estilos css para cambiar u ocultar una imagen para uso de impresión. Puede considerar esto si la impresión del logotipo es crítica. Puede vincular a una versión de mayor tamaño de píxel que el navegador puede usar para imprimir y obtener una vista previa de impresión ... pregunte en el grupo de intercambio de pila del webmaster
La vinculación a una imagen de mayor resolución contará contra el plan de datos del servidor web, y estoy seguro de que el departamento de TI tendrá algo que decir al respecto. Recomendaría ir con la ruta PDF en lugar de volver a vincular si la calidad de la imagen es realmente un problema. Al mismo tiempo, también vería si este problema realmente vale la pena el esfuerzo que se está haciendo. La editorial para la que trabajo imprime capturas de pantalla todo el tiempo sabiendo que la calidad se va a deteriorar. No vale la pena preocuparse por algunos detalles.
Los archivos EPS pueden ser vectoriales o ráster. Es un formato de archivo contenedor. DPI no tiene nada que ver con gráficos web. El navegador ignora cualquier configuración de DPI. Los archivos PNG PUEDEN tener configuraciones de DPI, pero eso no sería aplicable a los gráficos web. Podría intentar usar una imagen más grande y luego escalarla con CSS, pero no creo que eso ayude con la impresión de todos modos. Estoy de acuerdo con Philip, esto realmente no es un problema ya que TODAS las páginas web se imprimen de esta manera. Si una persona va a imprimirlo, está acostumbrada a las limitaciones de resolución. Salvo eso, pruebe SVG o PDF como se sugiere.
Gracias a todos por el consejo. Creo que simplemente le diré al cliente que es algo con lo que tiene que vivir por ahora (lo haremos pronto) y si realmente es un problema en el futuro, abriré mi biblioteca de PDF y generaré un PDF de la página.
Archivo EPS de Illustrator a logotipo web PNG - Calidad de impresión
RespuestasAquíPolítica de privacidad1y, 0v