Градієнтне зображення
Лінійні, радіальні та конічні градієнтні тла
Як користуватися інструментом «Градієнтне зображення»
- Налаштуйте потрібні параметри.
- Стежте, як оновлюється попередній перегляд під час змін.
- Завантажте результат.
Про цей інструмент
Створюйте лінійні, радіальні та конічні градієнти з двома–п’ятьма опорними кольорами й завантажуйте їх як зображення будь-якого розміру. Почніть із шаблону, потім налаштуйте кут, центральну точку, колір і положення кожної опорної точки.
Відповідний CSS показується під попереднім переглядом, тож можна використати той самий градієнт на сайті. Лінійні та радіальні градієнти також можна зберегти як SVG, що залишається плавним у будь-якому розмірі.
- Працює на вашому пристрої. Нічого не надсилається на сервер.
- Безкоштовно, без реєстрації та водяних знаків.
- Без обмежень на кількість і розмір файлів, окрім можливостей вашого пристрою.
Запитання й відповіді
Чи зображення точно збігається з CSS?
Так. Кути, центральні точки й типовий розмір градієнта дотримуються тих самих правил, що й CSS, тож зображення 1920 × 1080 виглядає як CSS-градієнт на блоці такого розміру.
Що робить дизеринг?
Плавні градієнти можуть показувати помітні сходинки, що називаються смугастістю, бо кожен канал має лише 256 рівнів. Дизеринг додає дуже дрібний шум, який ховає сходинки. Він значно збільшує файли PNG, тож використовуйте його переважно для JPG і WebP.
Чому конічні градієнти не можна зберегти як SVG?
В SVG немає типу конічного градієнта. Натомість зберігайте конічні градієнти як PNG, JPG або WebP.
Чи безкоштовний інструмент «Градієнтне зображення»?
Так. Усі інструменти на ImgImage безкоштовні: без реєстрації, без водяних знаків і без обмежень на кількість файлів.
Чи працює це на телефоні?
Так. Усе працює в будь-якому сучасному браузері на телефонах, планшетах і комп’ютерах. Великі файли швидше обробляються на комп’ютері.