Эффект мозаики на изображении
Превратите фотографию в мозаику в стиле плитки: изображение разбивается на плитки одного усреднённого цвета, разделённые настраиваемыми швами, — получается художественный пикселизованный вид.
Как это работает
Изображение разбивается на сетку одинаковых квадратных плиток; для каждой плитки вычисляется средний цвет содержащихся в ней пикселей, после чего на её месте рисуется квадрат (или квадрат со скруглёнными углами) этого сплошного цвета, а вокруг него — шов выбранного цвета, имитирующий вид плитки.
Какой размер плитки выбрать?
Маленькие плитки (8–16 px) сохраняют хорошую узнаваемость исходного изображения, давая лёгкий эффект пикселизации, а крупные плитки (50 px и больше) создают очень абстрактный вид, при котором вблизи исходное изображение трудно узнать.
Для чего нужны швы?
Швы добавляют заметный промежуток между плитками и усиливают эффект плитки или настоящей мозаики. Установите их толщину на 0, чтобы получить чистую пикселизацию без разделения между плитками.
Вычисление средних цветов и итоговая отрисовка выполняются целиком в вашем браузере, без отправки изображения на сервер.