Чтобы сохранить четкость пиксельной графики, экспортируйте PNG с исходными размерами в пикселях или увеличьте изображение в целое число раз с интерполяцией «Ближайший сосед». Перед сохранением проверьте предпросмотр экспорта: масштабирование не исправит края, уже сглаженные в исходном изображении.

Это руководство описывает работу с одним статичным изображением в пиксельном стиле в актуальной настольной версии Affinity на Mac. Пути в меню соответствуют текущей справке Affinity. Цель — сохранить намеренно заданные квадратные пиксели при создании отдельного файла изображения.

Экспорт четкого PNG с помощью актуальных средств настольной версии

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

  1. Выберите Файл > Экспорт > Экспорт.
  2. Слева выберите предустановку PNG.
  3. В поле Область укажите нужное содержимое. Для простого изображения на одной странице выберите Весь документ; для одной монтажной области — ее название.
  4. В поле Размер укажите исходные размеры в пикселях или рассчитанные размеры увеличенного изображения. Параметр Сохранить пропорции должен быть включен.
  5. В поле Ресэмплирование выберите Ближайший сосед.
  6. Проверьте предпросмотр, затем выберите Запросить место сохранения, нажмите Экспорт, задайте имя файла и нажмите Сохранить. Чтобы сразу найти результат, включите параметр Показать в Finder. Описание этих параметров и порядка сохранения приведено в разделах справки Affinity Диалоговое окно экспорта и Параметры экспорта.

Affinity рекомендует использовать метод «Ближайший сосед» для изображений с резкими краями. Способ ресэмплирования применяется, когда при экспорте размеры изображения увеличиваются или уменьшаются. Сохранение исходных размеров исключает изменение размера при экспорте; при увеличении нужно выбрать способ создания новых пикселей. Параметры экспорта Affinity

Прежде чем оценивать размер, выберите область экспорта. Область выделения включает перекрывающиеся слои, даже если они не выделены; Только выделенное исключает их. Неверно выбранная область может изменить то, что будет отображаться вокруг изображения, даже при правильном методе ресэмплирования. Диалоговое окно экспорта Affinity

Выберите увеличение, сохраняющее одинаковый размер пиксельных блоков

Если вы хотите получить равномерные квадратные блоки, используйте один и тот же положительный целочисленный множитель для обеих сторон. Эта рекомендация следует из геометрии увеличения пиксельной сетки: при увеличении в 4 раза каждый исходный пиксель занимает блок размером 4 × 4 пикселя. При дробном множителе невозможно назначить каждому исходному пикселю блок одинаковой ширины из целого числа пикселей.

Для примера возьмем плитку размером 32 × 24 пикселя. Рассчитайте результат по формулам ширина × множитель и высота × множитель:

Требуемый результат Размеры при экспорте Что означает расчет
Исходный размер 32 × 24 пикселя Без увеличения
Увеличение в 2 раза 64 × 48 пикселей Каждый исходный пиксель превращается в блок 2 × 2
Увеличение в 3 раза 96 × 72 пикселя Каждый исходный пиксель превращается в блок 3 × 3
Увеличение в 4 раза 128 × 96 пикселей Каждый исходный пиксель превращается в блок 4 × 4
Увеличение в 2,5 раза 80 × 60 пикселей Равные блоки из целого числа пикселей невозможны

Это примеры расчетов, а не измеренные результаты экспорта. В этом примере, если нужна увеличенная версия с регулярными блоками, выберите размер 128 × 96 пикселей и метод «Ближайший сосед». При экспорте размером 80 × 60 пикселей границы могут остаться резкими, но некоторые исходные столбцы или строки займут разное количество пикселей.

При уменьшении размеров возникает другое ограничение: меньшее количество выходных пикселей не может сохранить каждый независимо окрашенный исходный пиксель. Если в уменьшенной версии теряется деталь размером в один пиксель, вернитесь к исходнику и упростите эту деталь с учетом меньшей сетки. Повторное изменение размера уменьшенной копии не восстановит утраченную информацию.

Простое изменение DPI не увеличит изображение на экране

Affinity различает масштабирование для печати и ресэмплирование. Если отключить Ресэмплирование, изменение DPI меняет метаданные разрешения печати, не затрагивая размеры в пикселях. Поэтому изображение размером 32 × 24 пикселя не станет более крупным графическим элементом для экрана. Affinity: Изменение размера изображения

Если нужно увеличить рабочий документ перед продолжением рисования, выберите Документ > Настройка > Изменить размер > Документ. Включите Ресэмплирование, укажите единицы измерения в пикселях, введите новые размеры, сохранив связь пропорций, выберите Ближайший сосед и нажмите Изменить размер. Affinity прямо указывает, что этот способ подходит для изображений с резкими краями и пиксельной графики. Если нужно увеличить только итоговый файл, достаточно изменить размеры при экспорте. Affinity: Изменение размера изображения

Выберите формат, сохраняющий заданные цвета

Для этой задачи PNG — практичный вариант по умолчанию: формат поддерживает сжатие без потерь и прозрачность. Сжатие без потерь сохраняет кодируемые данные изображения, но не отменяет ресэмплирование или изменения цвета, сделанные до кодирования. Спецификация PNG W3C, третье издание

Перед сменой формата или уменьшением размера файла учтите следующие ограничения, описанные в справке:

Формат или параметр Важное ограничение
PNG Преобразование в палитру необязательно. Отключите Палитра, если не хотите ограничивать изображение набором цветов палитры.
GIF Преобразование в палитру отключить нельзя.
PDF, SVG, EPS Параметр Растрировать: ничего исключает неподдерживаемые элементы, а не сохраняет их автоматически.
TIFF с сохраненными слоями Affinity Эти слои можно прочитать только в Affinity.

Эти ограничения перечислены в разделе Параметры экспорта Affinity. Для одного готового изображения в пиксельном стиле начните с PNG и не применяйте сокращение палитры при первом экспорте.

Векторный формат подходит для других требований к итоговому файлу, но выбор SVG сам по себе не задает фиксированную пиксельную сетку готового изображения. Для этой задачи PNG с явно заданными размерами четко определяет сетку результата. Храните редактируемый документ Affinity отдельно и не используйте экспортированное изображение как основной рабочий файл.

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

Разберитесь, что именно делает изменение размера документа «Пиксельная графика»

В Affinity также есть команда Документ «Пиксельная графика», но ее назначение отличается от простого увеличения блоками. Выберите Документ > Настройка > Изменить размер > Документ «Пиксельная графика», чтобы получить доступ к алгоритмам HQX и XBR с коэффициентами 2×, 3× или 4×. Affinity: Изменение размера пиксельной графики

Affinity описывает XBR как алгоритм, создающий более плавный результат, а HQX — как алгоритм, дающий более резкое изображение с более заметной зубчатостью на тонких краях. В примере показано, как XBR уточняет увеличенные края. Эти фильтры подходят, если вы хотите изменить контуры таким способом. Чтобы сохранить исходный ступенчатый рисунок в виде квадратных блоков, используйте описанный выше экспорт с методом «Ближайший сосед». Такой выбор соответствует назначению фильтров, указанному в документации. Affinity: Изменение размера пиксельной графики

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

Следуйте приведенным ниже шагам, чтобы определить, на каком этапе в изображении появляется нежелательное изменение. Проверяйте по одному параметру за раз — так результат будет информативнее.

Проверьте экспорт при известном масштабе

В предпросмотре экспорта на Mac нажмите Command–1 для масштаба 100%, Command–2 для 200%, Command–3 для 400% или Command–4 для 800%. Используйте увеличенные режимы, чтобы проверить отдельные пиксели по краям, затем вернитесь к 100%, чтобы оценить экспортированное изображение в его исходном размере. В справке Affinity эти сочетания клавиш указаны специально для предпросмотра экспорта. Диалоговое окно экспорта Affinity

Для диагностики сравните PNG в исходном размере с PNG, увеличенным в целое число раз. Если в версии исходного размера уже есть промежуточные цвета по краям, которых вы не задавали, проверьте само изображение. Если нежелательное изменение появляется только после увеличения, еще раз проверьте размеры и метод ресэмплирования.

Проверьте выравнивание, если изображение содержит векторные фигуры

Для пиксельной графики, построенной из векторных объектов, параметр Affinity Принудительное выравнивание по пикселям привязывает объекты, узлы, маркеры и области выделения пикселей к целым пикселям при создании, перемещении или изменении. В справке для настольной версии указан путь Вид > Привязка, затем Принудительное выравнивание по пикселям. Также там предупреждается, что привязка к объекту или направляющей, не совпадающим с пиксельной сеткой, может привести к смещению от целого пикселя. Affinity: Принудительное выравнивание по пикселям

Не рассчитывайте, что параметр Перемещать только на целое число пикселей исправит уже существующее дробное положение. Affinity объясняет, что он сохраняет частичные пиксели, занимаемые объектом, но ограничивает перемещение расстояниями, кратными целому числу пикселей. Например, если переместить объект из положения X = 5,5 на 10 пикселей, он окажется в положении X = 15,5. Исправляя выравнивание, отключите этот параметр, оставив включенным «Принудительное выравнивание по пикселям», и проверьте, нет ли других целей привязки. Affinity: Принудительное выравнивание по пикселям

Выравнивание помогает задать нужную сетку, но не удаляет мягкие цвета, уже нанесенные на растровый слой. Исправьте их в исходнике перед окончательным экспортом.

Сохраните проверенные настройки для следующего экспорта

Проверив успешный экспорт, сохраните настройки в виде предустановки. В диалоговом окне «Экспорт» измените исходную предустановку, нажмите Настройки, выберите Создать предустановку, введите понятное название и нажмите ОК. Предустановка появится в диалоговом окне «Экспорт», в функции «Быстрый экспорт» и в «Студии срезов». Диалоговое окно экспорта Affinity

Для последующих экспортов откройте «Быстрый экспорт» с помощью стрелки вниз в правом верхнем углу, выберите параметры и нажмите Экспорт. Предустановки могут включать форматы, размеры и методы ресэмплирования, поэтому проверяйте, что выбранная предустановка соответствует размерам, нужным для каждого изображения. Affinity: Быстрый экспорт

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

Источники