Создание искусства из точек: как я придумал инструмент для преобразования фотографий

Создание искусства из точек: как я придумал инструмент для преобразования фотографий

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

Вот этот альбом
Вот этот альбом

Так родился инструмент, который преобразует фотографии в черно-белое изображение из кружков разного диаметра.

Что это за инструмент?

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

Создание искусства из точек: как я придумал инструмент для преобразования фотографий

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

Создание искусства из точек: как я придумал инструмент для преобразования фотографий

Как он работает?

Основная идея проста:

  • Загрузка изображения: Вы перетаскиваете свою фотографию в окно браузера.
  • Преобразование: Алгоритм разбивает изображение на сетку и оценивает яркость каждого участка.
  • Результат: На основе этих данных строится PNG-файл с кружками.

Инструмент полностью работает на стороне клиента. Это значит, что никакие изображения никуда не отправляются, и всё безопасно.

Зачем это нужно?

Такой подход открывает простор для креатива:

  • Оформление плакатов и постеров: Нестандартные изображения сразу привлекают внимание.
  • Арт для интерьера: Вы можете распечатать картинку в виде точечной мозаики.
  • Обработка фотографий: Это отличный способ придать снимкам ретро или минималистичный вид.

Как я создавал инструмент

С технической стороны я решил использовать JavaScript и Canvas для анализа изображения, а для вывода результата — PNG.

На создание первой версии ушло всего один день, но главное было в деталях:

  • Оптимизация работы алгоритма, чтобы всё выполнялось быстро - не выполнялась, на в этом нет необходимости.
  • Создание интуитивного интерфейса.
  • Возможность скачать результат в высоком разрешении.

Что дальше?

Я планирую добавить:

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

Попробуйте сами

Сервис уже доступен онлайн. Просто загрузите свою фотографию и увидите магию! Надеюсь, он станет для вас таким же интересным и полезным, как для меня.

Если у вас есть идеи или пожелания, как улучшить инструмент, пишите — я всегда рад новым экспериментам!

2 комментария

Там уже есть чекбокс для выбора цветного режима, но пока эта функция работает не корректно.

А вот размер кружочков уже можно менять.

Зарубежные компании пока не решили возвращаться в Россию, но начали «прощупывать почву» — FT

Уговорить их вернуться пытаются и в России, говорят источники.

2222
88
22
11
11
Пережили без брендов как-то...могут не возвращаться
реклама
разместить
Citibank по ошибке отправил клиенту $81 трлн вместо $280 — но перевод остановили, так что деньги остались у банка

Инцидент произошёл в апреле 2024 года. Данные о нём появились только сейчас.

Источник фото: marketplace.org
3939
44
33
11
11
11
А так была бы еще одна история успеха из трех пунктов: 1. Вставать на рассвете 2. Питаться правильной пищей 3. Верить в себя 😎
Виртуальная примерочная: новый стандарт онлайн-шопинга
11
СМИ сообщили об обысках у команды бота для «пробива» данных «Глаз Бога» — создатель говорит, что «команды нет», а его не обыскивали

Telegram-бот не работает, но из-за внутренних «техизменений».

Источник фото: BBC
1010
33
Самое время преследовать за «незаконное использование, передачу, сбор и хранение информации с персональными данными». Яшка, сбер и остальные? Нет. Глаз бога? Конечно!
«Года три помониторим»: Минфин заявил, что пока не готов рассматривать предложение индексировать пороги доходов для начисления НДФЛ

Такое предложение выдвинул Российский союз промышленников и предпринимателей.

22
22
11
Microsoft закроет Skype в мае 2025 года

Он давно утратил популярность.

Microsoft закроет Skype в мае 2025 года
3333
66
22
Теперь Skype встретится с ICQ. F.
Увеличили поисковый трафик в 2,5 раза и заявки в 6 раз за 3 недели [кейс PromoPult]
Увеличили поисковый трафик в 2,5 раза и заявки в 6 раз за 3 недели [кейс PromoPult]
Чек-лист на 173 пункта для полного аудита отдела продаж в одном PDF — заходите и скачивайте

Есть вещи, о которых лучше знать, чем не знать

Чек-лист на 173 пункта для полного аудита отдела продаж в одном PDF — заходите и скачивайте
1414
66
11
[]