Эффект растра (halftone) на изображении

Преобразуйте фото в растр из точек, как в полутоновой печати (halftone), где размер каждой точки зависит от яркости участка, который она передаёт. Настройте частоту сетки, а также цвета точек и фона.

Пример:
Перетащите изображение или нажмите, чтобы выбрать. Макс. 25 МБ.

Как это работает

Изображение разбивается на регулярную сетку квадратных ячеек. Для каждой ячейки вычисляется средняя яркость содержащихся в ней пикселей, после чего в центре рисуется точка с радиусом, пропорциональным тёмности участка: чем темнее участок, тем больше точка — по принципу растров офсетной и газетной печати.

Почему в светлых областях нет точек?

Когда средняя яркость ячейки очень высока (почти белый участок), вычисленный радиус становится слишком мал, чтобы быть заметным, и точка не рисуется. Это точно воспроизводит вид настоящей полутоновой печати, где света остаются чистой бумагой.

Какой размер сетки выбрать?

Мелкая сетка (4–8 px) сохраняет больше деталей исходного изображения и приближается к растру печати высокого разрешения. Крупная сетка (20–30 px) даёт более абстрактный графический эффект, в котором отдельные точки чётко различимы невооружённым глазом.

Расчёт яркости по ячейкам и рисование точек выполняются целиком в вашем браузере: ваше фото никогда не отправляется на сервер.