Стилизация изображений
Витраж
Мозаичные цветовые блоки, тёмные перемычки и стеклянная фактура.
PNG, JPG, WEBP
Стилизация изображений
Мозаичные цветовые блоки, тёмные перемычки и стеклянная фактура.
Коротко об инструменте
Инструмент делит картинку на многоугольные ячейки, усредняет цвет внутри каждой и обводит границы тёмной линией — получается имитация свинцовой пайки настоящего витража. Файл читается вашей же вкладкой и рисуется на canvas, никуда не отправляясь. Приём выручает, когда для обложки поста, афиши концерта в церкви или заставки квиза нужна картинка, которая явно не выглядит как обычная фотография и не тянет за собой вопросы о правах на исходник. Смотрите также: живописные мазки вместо сегментов, собрать палитру стекла в HEX-коды, посмотреть тот же кадр в негативе.
Увеличьте размер ячейки в блоке «Настройки эффекта». Чем крупнее ячейка, тем меньше их помещается в кадр и тем меньше исходных деталей выживает: на крупных значениях узнаваемым остаётся только общее пятно композиции. Для портрета обычно берут мелкую и среднюю ячейку, для фона и обложки — крупную.
Да, опустите толщину перемычек до нуля — тогда получится мозаика из цветных плиток без свинцовой обводки, ближе к эффекту низкополигонального арта. Обратный случай тоже работает: на максимальной толщине линии съедают часть площади ячеек и картинка становится темнее, поэтому насыщенность стоит поднять.
Никуда. Файл открывается через file input прямо во вкладке, декодируется браузером и рисуется на canvas; страница не делает запросов с пикселями наружу и ничего не хранит между сессиями. Закройте вкладку — и от загруженного снимка не останется следа, отдельной кнопки удаления для этого не нужно.
Витраж состоит из плоских областей одного цвета и резких тёмных границ — именно тот тип картинки, на котором JPEG даёт заметные ореолы вдоль перемычек. PNG сжимает без потерь, границы остаются чистыми. Файл получается тяжелее, поэтому для веба его потом имеет смысл прогнать через конвертер в WebP.
Да, в мобильных Chrome и Safari эффект считается так же, но расчёт крупного снимка на 12 мегапикселей занимает несколько секунд, и вкладка на это время подвисает. Если браузер выгружает страницу или отдаёт пустой холст, уменьшите картинку заранее или откройте инструмент на компьютере.
Результат сохраняется в том же разрешении, что и загруженный файл, увеличения не происходит. Для афиши A2 берите исходник не меньше 3000 пикселей по длинной стороне, иначе перемычки на печати станут рыхлыми. Цвет считается в sRGB — типография при переводе в CMYK немного приглушит яркие стёкла.
Пиксель-арт режет кадр строгой прямоугольной сеткой и жёстко ограничивает палитру, масляная стилизация имитирует мазок кистью и сохраняет плавные переходы. Витраж уникален двумя вещами: неровными многоугольными ячейками и обязательной тёмной обводкой между ними, которая и создаёт узнаваемый эффект стекла в оправе.
До: Снимок органного зала, 2400×1600, много мелких деталей
После: Мозаика из крупных ячеек с чёрными перемычками, детали читаются как пятна цвета
До: Портрет крупным планом
После: Ячейки среднего размера: силуэт и цвет одежды остаются, черты лица размываются
Оценка и фидбек помогают понять, что улучшать дальше.