Загружаем нужную фотографию, выбираем наиболее подходящий пресет, редактируем точки и копируем получившийся CSS
Для перемещения точек используется мышь или стрелки клавиатуры, которые сдвигают ее на 1%, а при зажатой клавиши ctrl на 0,1%. Зажатием клавиши alt двигать точку мышью можно только по вертикали, а клавишы shift - по горизонтали
Для удаления активной точки можно использовать клавишу del или -, а также соотв. кнопку.
Для добавления точки можно использовать клавишу + или кнопку.
За основу взято решение найденное на codepen.io у пользователя Mads Stoumann
Конвертер с различными настройками для перевода изображений в рисунки точками
Конвертер для перевода изображений в двухцветный трафарет
Кодирование любых изображений в 64-разрядный код base64