Сохранить измененную css-ом картинку

Рейтинг: 0Ответов: 1Опубликовано: 22.01.2023

Описание

Есть картинка:

В ходе разработки поставил её как задний фон и задал стили...

body {
    background-color: rgb(25, 25, 25);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    background-size: cover;
    background-clip: border-box;
    background-origin: border-box;
    background-blend-mode: color-dodge;
}

... и получилось это:

В основном её изменила стиль baackground-blend-mode: color-dodge и теперь такой оттенок не могу получить ни в одном фоторедакторе. Понравилась, хочу скачать.

Вопрос

Как можно скачать измененную css-ом картинку?


Делать скриншот не советуйте. :)
Это как последний вариант есть в уме, хотя и качество сильно упадет.

Дополнение

Вот ссылка на страницу, вдруг пригодится. Страница моя и там на данный момент эта картинка стоит, но на будущее не могу сказать останется или нет.

Ответы

▲ 1Принят

В Photoshop если, создаете слой с фигурой, заполняете цветом rgb(25, 25, 25);. Выше слой c изображением, высатвляете ему режим наложения "Осветление основы" (тот самый "Color Dodge") – получаете ровно такой же результат, как и в браузере.

введите сюда описание изображения введите сюда описание изображения