Дизеринг изображения онлайн передаёт оттенки с помощью небольшой палитры и распределения пикселей. Сравнивайте алгоритмы, меняйте размер блоков и скачивайте PNG бесплатно. Обработка проходит на устройстве, без регистрации и кредитов.
Открыть пример
Настройки
Дизеринг фото позволяет сравнить передачу оттенков разными методами на одной исходной картинке. Чёрно-белый файл может создавать впечатление серого, не сохраняя ни одного серого пикселя. Для этого два цвета распределяются в разных пропорциях между соседними позициями. На расстоянии глаз воспринимает их совместно. Значение имеет и порядок: регулярная матрица даёт заметный ритм, диффузия создаёт другую фактуру, а порог оставляет жёсткие границы. Поэтому выбор метода определяет не только количество цветов, но и то, насколько заметна сама структура их размещения.
Сначала исходник делится на блоки согласно размеру пикселя. Цвет каждого блока усредняется, затем применяются яркость, контраст и гамма, после чего выбирается запись палитры. Прозрачные области перед этим складываются с белым фоном, поэтому выходной PNG непрозрачный. Это квантование цветов, а не сохранение альфа-маски. Для преобразования прозрачного покрытия в плотные точки нужен режим DTF другого инструмента. Не следует ожидать от этих двух операций одинакового поведения на одном прозрачном исходнике.
При диффузии разница между текущим цветом и выбранным передаётся соседям, которые ещё не обработаны. Рабочий буфер Float32 сохраняет дробные части ошибки до окончательного квантования. Сравнение цветов использует формулу 2ΔR² + 4ΔG² + 3ΔB²: различия по зелёному весят больше красных и синих. Это взвешенное RGB-расстояние, а не преобразование в перцептивное пространство. Оно не заменяет управление цветом и не моделирует конкретный экран или печатное устройство.
Выберите локальный файл, перетащите его на поле или вставьте из буфера. Серая сфера помогает сравнивать переходы, цветная композиция — палитры. Ограничения составляют 60 МБ и 64 мегапикселя после декодирования. Анимационные форматы используются как неподвижная картинка. Начните с простого примера, прежде чем менять сразу несколько параметров у сложного фото: так проще связать видимое изменение с конкретным алгоритмом или настройкой.
Есть чёрно-белая палитра, четыре серых оттенка, Game Boy, CGA, PICO-8 и Mac Classic. Собственная палитра содержит от двух до шестнадцати цветов, автоматическая извлекает от двух до шестидесяти четырёх. Проверьте достаточную разницу яркости и оттенка. Почти одинаковые цвета не передадут большой тоновый диапазон при любом алгоритме. Выход всегда выбирает реальные записи палитры и не создаёт между ними дополнительные RGB-значения.
Оставьте палитру и размер пикселя неизменными при переключении между Floyd–Steinberg, Atkinson и Bayer. Тогда различия будут относиться к структуре обработки. Позже измените тоновые настройки, если важные области сливаются. Для диффузионных методов можно уменьшить силу передачи ошибки или отключить змейку, чтобы все строки шли в одном направлении. Эти параметры не применяются к порогу, матрицам и шуму и для них не показываются.
Для небольшого ресурса пиксельной графики скачайте уменьшенную сетку в масштабе 1:1. Для размещения в исходных габаритах увеличьте её ближайшим соседом. PNG сохраняет цвета без потерь, характерных для JPG. Проверьте размер файла в пикселях до импорта в следующий редактор. Последующее сглаженное масштабирование может создать цвета вне палитры и размыть квадратные края, даже если первоначальный экспорт полностью соблюдал выбранные ограничения.
При дизеринге фото конечные цвета остаются в пределах выбранной палитры. Floyd–Steinberg распределяет ошибку между четырьмя соседними позициями и выбран по умолчанию. Atkinson использует шесть позиций, но передаёт только три четверти ошибки, поэтому может менять и баланс света с тенью. Jarvis–Judice–Ninke и Stucki охватывают более широкую окрестность, Burkes использует две строки. Sierra, Sierra Two-row и Sierra Lite дают ещё три схемы. Это разные ядра с собственными положениями и весами, а не просто слабый и сильный варианты одного фильтра.
Сила диффузии задаётся от нуля до ста процентов. При нуле ошибка не переходит к соседним пикселям: каждый получает ближайший цвет напрямую. Змейка меняет направление каждой второй строки и зеркально отражает горизонтальные веса. Оба переключателя относятся только к диффузии. Для Bayer, порога и случайного шума они скрыты, чтобы интерфейс не обещал влияния параметров, которые эти методы не используют. Это облегчает сравнение действительно работающих настроек.
Bayer 2×2, 4×4 и 8×8 используют рекурсивные пороговые матрицы. Маленькие заметнее повторяются, большие содержат больше позиций внутри одного периода. Порог не добавляет дизеринг. Случайный шум возмущает выбор цвета воспроизводимой псевдослучайной последовательностью: обычный повторный расчёт не заменяет всю фактуру совершенно новым шумом. Независимо от метода итоговые RGB-значения остаются в выбранной палитре. Различается размещение цветов, а не право алгоритма добавлять новые оттенки.
Автоматическая палитра строится медианным разбиением по копии исходника с длинной стороной до 256 пикселей. Результат хранится для изображения и запрошенного числа цветов. Изменение яркости, алгоритма или силы диффузии не запускает новый подбор, поэтому сравнение остаётся стабильным. Другое число цветов даёт соответствующее извлечение. Если различных цветов в источнике мало, записей может оказаться меньше запрошенного. В собственной палитре можно менять каждую запись, добавлять и удалять цвета в пределах допустимого количества.
Чёрно-белая палитра, пиксели 3 px, диффузия 100%, проход змейкой.
Чёрно-белая палитра, пиксели 3 px, настройка диффузии 100%, проход змейкой.
Чёрно-белая палитра, пиксели 3 px, упорядоченная матрица Bayer 8×8.
Сфера с тенями, Floyd–Steinberg, четыре зелёных оттенка, пиксели 4 px, диффузия 100%, проход змейкой.
В монохромном пиксель-арте после дизеринга изучайте спокойные площади не менее внимательно, чем границы. Диффузия может сохранить среднюю яркость, но сделать фактуру слишком активной для макета. Порог способен усилить силуэт и одновременно убрать необходимую мягкую тень. Решите, нужна ли непрерывность тона или выразительное разделение на пятна. Универсального лучшего метода для любой фотографии нет. Важен и размер просмотра: то, что выглядит грубо при увеличении, может читаться цельно в небольшой иллюстрации.
Для стилистики старых игр палитры являются визуальными ограничениями, а не эмуляторами оборудования. Game Boy даёт четыре зелёных оттенка, CGA — один набор из четырёх цветов, PICO-8 — шестнадцать определённых цветов, Mac Classic — чёрный и белый. Инструмент не ограничивает размеры экрана, количество спрайтов и формат конкретной платформы. Если результат предназначен для реального игрового проекта, проверьте эти требования отдельно: название палитры само по себе не обеспечивает совместимость файла.
Для упражнений в пиксельной графике увеличение блока сначала упрощает форму, а уже затем распределяет цвета. Источник 1600×1200 при размере четыре даёт сетку 400×300 для скачивания 1:1. Если сторона не делится без остатка, последний блок использует оставшиеся пиксели. При обратном увеличении ячейки отображаются ближайшим соседом на выходные размеры. Дополнительного прохода сглаживания, который создавал бы промежуточные цвета на границах блоков, в этом варианте нет.
В малой палитре разные объекты могут попадать в одну запись и переставать различаться. Перед многократной сменой алгоритма попробуйте добавить контрастный собственный цвет или включить автоматический подбор. Для нескольких отдельно обрабатываемых ресурсов с общей стилистикой используйте одинаковую собственную палитру. Автоматическое извлечение зависит от каждого источника и не гарантирует совпадение между разными файлами. Повторяемые цвета важнее, если изображения затем должны стоять рядом в одном интерфейсе или серии.
Photoshop предлагает широкую коррекцию и работу с индексированными цветами; Illustrator ориентирован на векторные объекты и композицию. Эта страница сосредоточена на сравнении квантования, выборе палитры и скачивании PNG с определёнными пикселями. Векторные пути и многослойный рабочий документ не создаются. Готовую картинку можно перенести в общий проект, где к ней добавляются текст, маски и другие элементы. Такие операции не следует ожидать от переключателей алгоритма или палитры.
Небольшой экспорт 1:1 удобен приложению, которое работает непосредственно по пиксельной сетке. Файл в исходных габаритах проще поместить в существующий макет. В обоих случаях последующее плавное изменение размера может нарушить точную палитру. Даже экран смешивает соседние пиксели визуально при нецелом увеличении. Проверяйте структуру при целочисленном масштабе и открывайте скачанную картинку, а не только её миниатюру. Визуальное ощущение серого не всегда означает наличие серых значений в файле.
Предпросмотр ограничен 1000 пикселями по длинной стороне и запускается после 80 миллисекунд без изменений. Диффузия зависит от сетки и предыдущих решений, поэтому уменьшенная версия не предсказывает каждую точку окончательного файла. Экспорт рассчитывается заново по исходнику. Изображение остаётся на устройстве, а показанное время описывает только последний расчёт предпросмотра. Оно не гарантирует одинаковую скорость на других машинах и не заменяет проверку итоговой структуры в полном размере.
Загрузите изображение, выберите палитру и алгоритм дизеринга, затем скачайте результат в PNG. Размером пикселя можно сделать фактуру мельче или крупнее. Перед сохранением сравните результат с оригиналом. PNG содержит только цвета выбранной палитры: при чёрно-белой палитре каждый пиксель будет либо чёрным, либо белым, без промежуточного серого.
Для плавных переходов на фото выбирайте Floyd–Steinberg, для чистых светов — Atkinson, для регулярного узора — Bayer, для резких границ — Threshold. Atkinson распределяет три четверти ошибки, усиливая контраст и напоминая графику классического Mac. Bayer даёт устойчивую сетчатую фактуру в стиле ретро. Threshold не добавляет дизеринг. Сравнивайте алгоритмы при одинаковой палитре и размере пикселя.
Он передаёт соседям три четверти ошибки квантования. Floyd–Steinberg распределяет всю ошибку в своём ядре, кроме потерь на границах изображения. Это влияет на оттенки и размещение точек. Сначала сравните методы при одинаковом исходнике, палитре и размере, а затем корректируйте яркость, если хотите подчеркнуть определённый стиль.
От двух до шестнадцати. Каждый цвет меняется отдельным выбором, записи можно добавлять и удалять. Сопоставление использует взвешенное RGB-расстояние. Много почти одинаковых цветов не обязательно улучшат читаемость. Полезный диапазон яркости и оттенков нередко важнее, чем заполнение палитры до максимального разрешённого числа записей.
Предпросмотр имеет длинную сторону до 1000 пикселей. Экспорт заново вычисляет метод на выходных размерах. Диффузия зависит от сетки и накопленной ошибки, поэтому изменение разрешения влияет на конкретные позиции. Выбирайте общий вид в предпросмотре, а окончательный рисунок оценивайте по скачанному PNG в нужном размере.
Вычисления происходят в браузере, обычно в Worker. При его недоступности используется построчная обработка с освобождением основного потока. Статистические события не включают данные изображения и имена файлов. Открытие примера лишь загружает статическую картинку сайта и не отправляет выбранный вами локальный исходник.
Попробуйте дизеринг изображения онлайн на примере. Выберите палитру, сравните диффузию с регулярной матрицей и решите, нужна ли маленькая сетка 1:1 или PNG в исходных габаритах. Затем загрузите свою картинку. Сохраните оригинал и запишите палитру с размером пикселя, особенно если следующие изображения должны выглядеть согласованно.
