# Градієнтне тло для зображення

Додайте плавний лінійний або радіальний градієнт за прозорим зображенням, наприклад вирізаним фото товару, логотипом чи знімком екрана застосунку. Виберіть два кольори, кут лінійного градієнта та відступи навколо зображення. Інструмент намалює градієнт точно під розмір готового зображення та розмістить його зверху. Прозорі ділянки показуватимуть градієнт, а результат можна завантажити у форматі PNG, JPEG або WebP для магазинів і соцмереж.

## Поширені запитання

### Які зображення підходять найкраще?

На зображеннях із прозорими ділянками, наприклад PNG або WebP вирізаними фото товарів, логотипами чи людьми, градієнт буде видно за об’єктом. Зображення без прозорості перекриває градієнт, який залишається видимим лише у відступах навколо нього.

### Чим відрізняються лінійний і радіальний градієнти?

Лінійний градієнт переходить від початкового кольору до кінцевого вздовж прямої під вибраним кутом. Радіальний градієнт починається з початкового кольору в центрі й переходить у кінцевий у кутах.

### Як працює кут?

Кут задається за конвенцією CSS: 0 градусів — знизу вгору, 90 — зліва направо, 180 — згори вниз, а за замовчуванням 135 — з верхнього лівого кута в нижній правий. Для радіальних градієнтів кут не враховується.

### Для чого потрібні відступи?

Відступи додають градієнт завширшки від 0 до 1000 пікселів з кожного боку зображення, тож розмір результату дорівнює розміру зображення плюс подвоєний відступ. Вони дають вирізаним об’єктам більше простору, наче на студійному тлі.

### Які кольори можна використовувати?

Введіть кольори у форматі hex, наприклад #6366f1 і #ec4899, із трьох, чотирьох, шести або восьми цифр. Останні дві цифри восьмизначного кольору задають його непрозорість. Слово transparent робить градієнт повністю прозорим.

### Чи матиме результат такий самий розмір, як моє зображення?

Так, якщо відступи задано як 0. Інакше зображення збільшиться на величину відступів. Якщо загальний розмір перевищить 4000 пікселів з одного боку, зображення буде зменшено, щоб результат не перевищував 4000 пікселів.

### Які формати підтримуються?

Можна завантажити зображення у форматах JPEG, PNG, GIF, WebP, TIFF і AVIF розміром до 5 MB. За замовчуванням результат буде у форматі PNG або, з якістю 90, у форматі JPEG чи WebP.

### Чи буде градієнт плавним?

Так. Градієнт малюється як вектор точно під розмір готового зображення, тому видимих смуг і артефактів масштабування немає. Формат PNG забезпечує збереження якості.

### Чи можна використовувати інструмент для знімків екрана магазину застосунків?

Так. Завантажте знімок екрана із заокругленими прозорими кутами, додайте відступ від 80 до 200 пікселів і виберіть кольори бренду, щоб створити професійне промозображення.

### Чи видаляє інструмент наявне тло?

Ні. Він заповнює лише вже прозорі ділянки та додає відступи. Якщо на фото ще є тло, спочатку скористайтеся інструментом для його видалення.

Ваша реклама тут?

[Напишіть нам електронною поштою](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набір плагінів для роботи з агентами для WordPress.](https://sleekwp.com/?ref=oneclickpro)