Почему индизайн портит качество фотографий

Обновлено: 02.07.2024

Что делать, если изображения нечеткие или размытые при экспорте из InDesign с помощью in5 Print

Изменено: 11 марта 2020 г., 10:17

Существует несколько потенциальных причин "нечетких" изображений при экспорте HTML с помощью in5.

Эта статья поможет вам диагностировать и устранять проблемы, связанные с качеством изображения.

Вот некоторые возможные причины низкого качества изображения.

Размещенные файлы PDF

По умолчанию, когда текст отображается как изображения, он отображается в формате HD с разрешением, в два раза превышающим обычное разрешение веб-сайта (144 пикселя на дюйм).

Однако InDesign обрабатывает размещенные PDF-файлы как изображения, а не как текст, поэтому он может отображать PDF-файлы с нормальным разрешением (72ppi).

Чтобы устранить проблему, измените параметр Качество изображения (в разделе Дополнительно в диалоговом окне экспорта in5) на HD (чтобы он отображал изображения также как HD).

Масштабируемый контент

Если вы используете Масштабирование рабочего стола (или Масштабирование области просмотра мобильных устройств) для масштабирования макета под окно браузера, существует вероятность того, что макет может быть масштабирован. больше, чем вы изначально предполагали, и это может сделать изображения размытыми.

Быстрое решение: измените параметр Качество изображения (в разделе Дополнительно в диалоговом окне экспорта in5) на HD.

Если вам нужно качество выше HD (то есть 300 пикселей на дюйм вместо 144 пикселей на дюйм), вы можете использовать настройки Экспорт объекта без InDesign и соответствующий параметр Качество изображения. в разделе Дополнительно диалогового окна экспорта in5.

Подробнее см. в подробной статье об управлении качеством изображения с помощью in5.

Если изменения параметра «Качество изображения» недостаточно, возможно, ваш макет слишком мал для масштабирования до больших размеров, и вам может потребоваться изменить размер страниц в InDesign.

Векторные форматы (.eps или .ai)

InDesign (и in5) обрабатывает эти форматы как растровые изображения при экспорте, поэтому повышение параметра "Качество изображения" (описанное выше) является подходящим решением, если ваши векторные изображения не выглядят четкими на выходе.

Автопредложение помогает быстро сузить результаты поиска, предлагая возможные совпадения по мере ввода.

  • Главная
  • Индизайн
  • Обсуждения
  • графика низкого качества в дизайне

Скопировать ссылку в буфер обмена

Я не знаю, почему, когда я вставляю изображение в формате jpg в InDesign, качество выглядит таким плохим. Я создаю свою графику в Photoshop с высоким разрешением. Как мне это исправить. Спасибо

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

1 правильный ответ

Скопировать ссылку в буфер обмена

Проверьте производительность дисплея в меню Вид-->Производительность дисплея и установите для него значение Высокое качество.

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

БОЛЬШОЕ СПАСИБО. Мне действительно было интересно, не сошла ли я с ума.

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Несмотря на то, что я уже настроил его до того, как это вылечило мое разочарование в 4 утра, благослови вас господь

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Установите для параметров отображения значение Высокий. Я думаю, что это в разделе «Вид»> «Отображение»

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Вы используете дисплей высокого качества?

Вид > Производительность дисплея > Отображение высокого качества

Какое значение имеет "Эффективный PPI" при выборе изображения и открытии информационной панели?

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Я сделал это в высоком качестве. Где информационная панель?

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Когда вы сохраняете изображение в Photoshop, указанное вами разрешение практически не имеет смысла, за исключением того, что оно сообщает приложению, например InDesign, какой объем пространства нужно использовать для размещения изображения на 100 %. Если вы масштабируете изображение в ID эффективного разрешения, разрешение, при котором изображение будет напечатано, изменяется обратно пропорционально степени масштабирования.

Если ваше изображение в Photoshop имеет размер 300 x 300 пикселей и сохранено с разрешением 300 пикселей на дюйм, оно должно использоваться в ID с размером 1 x 1 дюйм, чтобы иметь эффективное разрешение 300 пикселей на дюйм.Если вы увеличите его до 4 x 4 дюйма, эффективное разрешение упадет до 75 пикселей на дюйм, и изображение будет выглядеть пиксельным даже при отображении высокого качества.

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

tmp.jpg

это 300 пикселей на дюйм. Но это не похоже. См. вложение

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

in5 предоставляет мощные средства управления выводом HTML, созданным в Adobe InDesign. На этом уроке эксперт Чад Челиус покажет вам, как управлять глобальными и индивидуальными настройками качества изображения.

Эксперты, принимавшие участие в этом уроке

Чад Челиус

Чад Челиус

Расчетное время урока

Сегодняшний урок должен длиться примерно 10 минут.

Сегодняшняя схема курса

  1. Основы качества изображения
  2. Глобальные настройки качества изображения
  3. Как настроить качество отдельных изображений
  4. Как быстро применить определенные настройки
  5. Уменьшение размера файла изображения

Основы качества изображения

Вот несколько основных сведений об изображениях в Интернете.

  • Стандартное веб-разрешение составляет 72 точки на дюйм (ppi).
  • Дисплеи с высоким разрешением (он же Retina) имеют разрешение в 2–5 раз выше, чем стандартное веб-разрешение.
  • Обычно 2-кратное разрешение (144 пикселя на дюйм) выглядит четким на дисплее высокой четкости.
  • Файлы JPG обычно лучше всего подходят для сжатия фотографий с миллионами цветов.
  • PNG — единственный формат, поддерживающий полную прозрачность.
  • Файлы PNG обычно являются лучшими универсальными изображениями в Интернете.

Глобальные настройки качества изображения

Параметры управления качеством изображения находятся в разделе Дополнительно диалогового окна in5 (Файл > Экспорт HTML5 с in5).

У вас есть 5 вариантов выбора в меню Качество изображения.

  • Стандартный – используются параметры in5 по умолчанию (обычно 72 пикселя на дюйм в формате PNG, 150 пикселей на дюйм при использовании формата Liquid Page или JPG, если исходный файл имеет формат JPG). Если исходным изображением является GIF, а размер кадра соответствует размеру изображения, используется само исходное изображение.
  • Использовать исходное изображение (если доступно) — копирует исходное изображение (помещенное в InDesign) непосредственно в выходной файл вместо повторного рендеринга изображения. Если по какой-либо причине исходное изображение недоступно, новое изображение отображается с настройками по умолчанию.
  • Использовать настройки экспорта объектов. Предлагает максимально индивидуальную настройку вывода изображения с использованием пользовательских настроек растеризации, определенных в InDesign (подробности см. ниже). GIF-изображения преобразуются в PNG.
  • Высокое разрешение: автоматически экспортируются все изображения с разрешением 144 пикселя на дюйм.
  • Высокое разрешение — только текстовые фреймы: экспортирует текстовые фреймы (или привязанный объект при отображении в формате HTML) с разрешением 144 пикселя на дюйм и использует стандартный экспорт для всех остальных элементов.

Настройки Параметры экспорта объектов в InDesign могут обеспечить более индивидуальный контроль над экспортом изображений с помощью in5.

Как настроить качество отдельных изображений

Чтобы управлять качеством изображения для отдельного объекта в InDesign, выберите Объект > Параметры экспорта объекта или щелкните правой кнопкой мыши объект и выберите Параметры экспорта объекта< /em> из контекстного меню.

параметры экспорта объекта

В диалоговом окне "Параметры экспорта объектов" нажмите кнопку EPUB и HTML.

В раскрывающемся меню Сохранить внешний вид из макета у вас есть четыре варианта.

  • По умолчанию – используются стандартные настройки.
  • Использовать существующее изображение для графических объектов: используется исходный файл помещенного изображения. При выборе этого параметра убедитесь, что вы используете поддерживаемый веб-формат.
  • Растрировать контейнер: растрирует весь фрейм (полезно при растеризации объектов, отдельных текстовых фреймов или целых групп) с выбранными вами настройками.
  • Растрировать контент: растрирует контент с выбранными вами настройками.

При выборе Растеризовать контейнер или Растеризовать содержимое становится доступным несколько раскрывающихся меню, позволяющих управлять форматом изображения, разрешением и качеством изображения.

Настройки качества изображения InDesign

Два дополнительных раскрывающихся списка (Палитра и Метод) становятся доступными в зависимости от формата изображения, выбранного в раскрывающемся меню формата.

  • Формат. InDesign предоставляет на выбор веб-форматы JPEG, GIF и PNG.
  • Разрешение. У вас есть выбор между разрешением 300, 150, 96 и 72 ppi.
  • Качество. В случае с JPEG вы можете выбрать низкое, среднее, высокое и максимальное качество (чем выше качество, тем больше размер файла).

Совет: при использовании диалогового окна Параметры экспорта объекта его можно оставить открытым во время работы в InDesign. Например, если у вас есть несколько изображений, для которых вам нужно определить свойства, вы можете оставить диалоговое окно открытым и щелкнуть другое изображение, чтобы определить свойства для этого изображения.

Если вы настроили параметры экспорта объекта, обязательно выберите Использовать параметры экспорта объекта в меню Качество изображения в диалоговом окне in5, в противном случае глобальные параметры качества изображения будут используется.

Как быстро применить определенные настройки

Один из способов быстро и эффективно определить свойства объектов в документе, требующих одинаковых настроек, — это создать в InDesign стиль объекта, определяющий настройки, необходимые для определенного типа объекта.< /p>

Например, у вас могут быть стили объектов для следующих типов изображений.

  • JPG в высоком разрешении
  • JPG в низком разрешении
  • PNG высокого разрешения и и т. д.

Самый простой способ определить стиль объекта в InDesign — сначала определить параметры экспорта объекта для объекта.

Создание стиля объекта с параметрами экспорта объекта

В InDesign выберите объект на странице и задайте необходимые параметры экспорта объекта.

Не снимая выделения с объекта, откройте панель Стили объектов, выбрав Окно > Стили > Стили объектов и выбрав объект.

Нажмите кнопку Создать новый стиль в нижней части панели "Стили объектов".

Совет для профессионалов. Удерживая нажатой клавишу alt/option, нажмите кнопку Создать новый стиль, чтобы открыть диалоговое окно Параметры стиля объекта, в котором вы можете ввести описательное имя стиля и настроить любые свойства стиля.

Стиль объекта с параметрами экспорта объекта

Обратите внимание, что все флажки для атрибутов на изображении выше отмечены знаком минус (-), за исключением параметров EPUB и HTML. Это означает, что стиль позволит самому объекту управлять этими «сквозными» настройками. Поэтому применяются только настройки экспорта изображений.

Чтобы применить стиль к выбранному объекту, убедитесь, что в диалоговом окне установлен флажок Применить стиль к выделенному, а затем нажмите ОК.

Теперь вы можете просто выбрать объекты в своем макете, которые вы хотите отобразить с помощью этого стиля, и одним щелчком мыши применить стиль объекта.

Любой объект, к которому вы применяете этот стиль объекта, будет иметь параметры экспорта объекта, определенные в стиле.

Если позже вы решите изменить настройки объектов с примененным стилем, просто отредактируйте стиль, и все изображения будут немедленно обновлены.

Уменьшение размера файла изображения

Если у вас есть план in5 Pro (или выше), у вас также есть доступ к дополнительному сжатию изображений в разделе Дополнительно диалогового окна in5, которое оптимизирует размер файла после экспорта.

Когда вы включаете Стандартную оптимизацию, in5 выполняет расширенное сжатие окончательных изображений JPG, PNG и SVG, создавая изображения гораздо меньшего размера, чем то, что вы получили бы при экспорте из InDesign, Illustrator или Photoshop. Это приводит к ускорению загрузки вашего контента.

Если у вас есть план Gold (или выше), вы можете использовать оптимизацию Enhanced, которая еще больше сжимает файлы и ищет (и объединяет) повторяющиеся изображения, созданные InDesign во время экспорта.

Вывод

  • Вы можете управлять качеством изображения на глобальном уровне или на уровне отдельного объекта.
  • Используйте параметры экспорта объектов для управления качеством экспорта отдельных объектов.
  • Стиль объекта можно использовать для массового применения определенных параметров экспорта.
  • Используйте оптимизацию изображений с тарифным планом Pro+ для создания файлов меньшего размера.

Чтобы узнать больше о Чаде, посетите его веб-сайт или его видеокурсы на Linkedin Learning.

Читайте также: