Изображение с градиентом
Линейные, радиальные и конические градиентные фоны
Как пользоваться: Изображение с градиентом
- Задайте нужные параметры.
- Следите, как предпросмотр обновляется при изменении настроек.
- Скачайте результат.
Об этом инструменте
Создавайте линейные, радиальные и конические градиенты с двумя–пятью цветовыми остановками и скачивайте их как изображения любого размера. Начните с пресета, затем настройте угол, центральную точку, а также цвет и положение каждой остановки.
Соответствующий CSS показан под предпросмотром, поэтому тот же градиент можно использовать на сайте. Линейные и радиальные градиенты также можно сохранить как SVG, который остаётся плавным в любом размере.
- Работает на вашем устройстве. Ничего не загружается на сервер.
- Бесплатно, без регистрации и водяных знаков.
- Никаких ограничений на количество и размер файлов, кроме возможностей вашего устройства.
Вопросы и ответы
Совпадает ли изображение с CSS в точности?
Да. Углы, центральные точки и размер градиента по умолчанию следуют тем же правилам, что и CSS, поэтому изображение 1920 × 1080 выглядит как CSS-градиент на блоке такого размера.
Что делает дизеринг?
На плавных градиентах могут быть видны ступени, называемые бэндингом, потому что в каждом канале всего 256 уровней. Дизеринг добавляет очень тонкий шум, скрывающий ступени. Он делает файлы PNG намного больше, поэтому используйте его в основном для JPG и WebP.
Почему конические градиенты нельзя сохранить как SVG?
В SVG нет типа конического градиента. Сохраняйте конические градиенты как PNG, JPG или WebP.
Изображение с градиентом — это бесплатно?
Да. Все инструменты ImgImage бесплатны: без регистрации, без водяных знаков и без ограничений на количество обрабатываемых файлов.
Работает ли это на телефоне?
Да. Всё работает в любом современном браузере на телефонах, планшетах и компьютерах. Большие файлы быстрее обрабатываются на компьютере.