Градиентен фон за изображение
Поставете плавен линеен или радиален градиент зад изображение с прозрачни области, например изрязан продукт, лого или екранна снимка на приложение. Изберете два цвята, ъгъла на линейния градиент и отстъпа около изображението. Инструментът начертава градиента в точния размер на изходното изображение и поставя вашето изображение върху него. Прозрачните области разкриват градиента, а резултатът се изтегля като PNG, JPEG или WebP за магазини и социални медии.
Често задавани въпроси
Кои изображения са най-подходящи?
Изображенията с прозрачни области, например PNG или WebP с изрязани продукти, лога или хора, показват градиента зад обекта. Изображение без прозрачност закрива градиента, който тогава се вижда само в отстъпа около него.
Каква е разликата между линеен и радиален градиент?
Линейният градиент прелива от началния към крайния цвят по права линия под избрания ъгъл. Радиалният градиент започва с началния цвят в центъра и достига крайния цвят в ъглите.
Как работи ъгълът?
Ъгълът следва конвенцията CSS: при 0 градуса градиентът е отдолу нагоре, при 90 — отляво надясно, при 180 — отгоре надолу, а при стойността по подразбиране 135 — от горния ляв към долния десен ъгъл. Ъгълът се пренебрегва при радиални градиенти.
За какво служи отстъпът?
Отстъпът добавя от 0 до 1000 пиксела градиент от всяка страна на изображението, така че изходният размер е размерът на изображението плюс два пъти отстъпа. Така изрязаните обекти получават повече пространство, подобно на студиен фон.
Какви цветове мога да използвам?
Въведете цветове в шестнадесетичен формат, като #6366f1 и #ec4899, с три, четири, шест или осем цифри. При осемцифрен цвят последните две цифри задават непрозрачността му. Думата transparent превръща градиента в напълно прозрачен.
Изходното изображение ще бъде ли със същия размер като моето?
Да, ако отстъпът е 0. В противен случай размерът нараства заради отстъпа. Ако общият размер надхвърля 4000 пиксела от някоя страна, изображението се намалява, така че резултатът да се побира в 4000 пиксела.
Кои формати се поддържат?
Можете да качвате изображения JPEG, PNG, GIF, WebP, TIFF и AVIF с размер до 5 MB. По подразбиране резултатът е във формат PNG, а при качество 90 — във формат JPEG или WebP.
Плавен ли е градиентът?
Да. Градиентът се чертае като вектор в точния размер на изходното изображение, така че няма видими стъпала или артефакти от мащабиране. Изходният файл PNG го запазва без загуба на качество.
Мога ли да използвам инструмента за екранни снимки за App Store?
Да. Качете екранна снимка със заоблени прозрачни ъгли, добавете отстъп от 80 до 200 пиксела и изберете цветовете на вашата марка за представително рекламно изображение.
Инструментът премахва ли съществуващия фон?
Не. Той запълва само вече прозрачните области и добавя отстъпа. Ако снимката все още има фон, първо го премахнете с инструмент за премахване на фон.