Illustrator EPS File To PNG Web Logo - Качество печати

Мне предоставили типографский логотип в формате EPS, и я создаю с его помощью PNG (Файл | Сохранить для Интернета и устройств) для использования на веб-сайте. Одна из страниц веб-сайта предназначена для печати данных и использует этот логотип. Проблема, с которой я сталкиваюсь, заключается в том, что этот логотип выглядит ужасно при печати с веб-сайта.

Я перепробовал все, что только можно было придумать, чтобы логотип хорошо выглядел при печати с веб-сайта, но я не могу заставить его хорошо печатать. Это просто ограничение печати из веб-браузера или есть что-то, чего мне не хватает при экспорте в формат PNG? Вот пара заметок:

  • Я вообще не изменяю размер изображения во время экспорта или на самой веб-странице.
  • Когда я печатаю логотип прямо из Illustrator, он получается великолепным. Только при печати с реальной веб-страницы она выглядит ужасно (пиксельно и т. д.).
  • Я сделал «Выделить все» и проверил «Выровнять по пиксельной сетке» на панели «Выравнивание» (я использую CS5).
  • Логотип отлично смотрится на экране — очень четкий.
  • На логотипе установлено значение DPI 300.

Любая помощь приветствуется.

С уважением,

Крейг

«Это просто ограничение печати из веб-браузера» = да. Однако вы можете сделать его файлом SVG. Это может сработать.

Ответы (1)

Короткий ответ: PNG — это растровое изображение с низким разрешением.

Длинный ответ заключается в том, что на экране он выглядит хорошо, потому что он отображается с разрешением 1 пиксель на пиксель, но когда вы пытаетесь распечатать его, печатная версия фактически увеличивается в масштабе. Распечатанные цветные изображения хорошо выглядят при разрешении 300 dpi. Вы не указываете размер png в пикселях, но если ваш логотип имеет ширину 300 пикселей на экране, вы получите логотип шириной 1 дюйм при разрешении 300 точек на дюйм (или меньше на лазерном принтере с разрешением 1200 точек на дюйм). Все, что больше, и браузер масштабирует его, вероятно, с помощью быстрого (низкого качества) алгоритма растяжения.

При этом возможности принтера будут еще больше зависеть от этого (например, сглаживание драйверов черно-белой лазерной печати).

Обратите внимание, что «300dpi PNG» более или менее бессмысленно. Растровые изображения имеют фиксированный размер точки (в пикселях) (например, миллиметровка). Изображения EPS (векторные) имеют практически бесконечное разрешение, поскольку они хранятся в виде точек и кривых, которые рассчитываются во время вывода.

(см.: http://en.wikipedia.org/wiki/Raster_graphics и http://en.wikipedia.org/wiki/Vector_graphics )

Спасибо за информацию. Я умеренно знаком с разницей между вектором и растром, но не занимался такими проблемами. Можете ли вы порекомендовать лучший способ смягчить это? Было бы лучше отобразить страницу в формате PDF, чтобы логотип отображался как векторное изображение?
Возможно - я никогда не реализовывал это, так что не спрашивайте ;) - использовать стили css для замены или скрытия изображения для использования в печати. Вы можете изучить это, если печать логотипа имеет решающее значение. Вы можете указать ссылку на версию с большим размером пикселя, которую браузер может использовать для печати и предварительного просмотра... спросите об этом в группе stackexchange для веб-мастеров.
Ссылка на изображение с более высоким разрешением будет учитываться в тарифном плане веб-хостинга, и я уверен, что ИТ-отделу есть что сказать по этому поводу. Я бы рекомендовал использовать маршрут PDF вместо повторной ссылки, если качество изображения действительно является проблемой. В то же время я также хотел бы посмотреть, действительно ли эта проблема стоит затраченных на нее усилий. Издательство, в котором я работаю, все время печатает скриншоты, зная, что качество будет отвратительным. Некоторые детали просто не стоят внимания.
Файлы EPS могут быть векторными или растровыми. Это формат файла-оболочки. DPI не имеет ничего общего с веб-графикой. Браузер игнорирует любые настройки DPI. Файлы PNG МОГУТ иметь настройки DPI, но это не применимо к веб-графике. Вы можете попробовать использовать более крупное изображение, а затем масштабировать его с помощью CSS, но я не думаю, что это поможет при печати. Я согласен с Филипом, это действительно не проблема, поскольку ВСЕ веб-страницы печатаются таким образом. Если человек собирается его распечатать, он привык к ограничениям разрешения. За исключением этого, попробуйте SVG или PDF, как было предложено.
Спасибо всем за советы. Думаю, я просто скажу клиенту, что пока с этим им придется смириться (мы скоро запустим его), и если это действительно проблема в будущем, я раскрою свою библиотеку PDF и сгенерирую PDF-файл страница.