Gradientowe tło obrazu
Dodaj gładki gradient liniowy lub radialny za przezroczystym obrazem, takim jak wycięty produkt, logo lub zrzut ekranu aplikacji. Wybierz dwa kolory, kąt gradientu liniowego i margines wokół obrazu. Narzędzie rysuje gradient w dokładnym rozmiarze wynikowym i umieszcza na nim obraz. Przezroczyste obszary odsłaniają gradient, a wynik można pobrać jako PNG, JPEG lub WebP do wykorzystania w sklepach i mediach społecznościowych.
Najczęściej zadawane pytania
Jakie obrazy sprawdzają się najlepiej?
Obrazy z przezroczystymi obszarami, takie jak PNG lub WebP wycięte zdjęcia produktów, logo czy osób, pokazują gradient za głównym obiektem. Obraz bez przezroczystości zasłania gradient, który jest wtedy widoczny tylko w marginesie wokół niego.
Czym różni się gradient liniowy od radialnego?
Gradient liniowy przechodzi od koloru początkowego do końcowego wzdłuż prostej pod wybranym kątem. Gradient radialny zaczyna się od koloru początkowego w środku i przechodzi w kolor końcowy przy rogach.
Jak działa kąt?
Kąt jest zgodny z konwencją CSS: 0 stopni oznacza kierunek od dołu do góry, 90 — od lewej do prawej, 180 — od góry do dołu, a domyślne 135 — od lewego górnego do prawego dolnego rogu. Kąt jest ignorowany przy gradientach radialnych.
Do czego służy margines?
Margines dodaje od 0 do 1000 pikseli gradientu z każdej strony obrazu, więc wynik ma rozmiar obrazu powiększony o dwukrotność marginesu. Zapewnia wyciętym obiektom przestrzeń, podobnie jak tło w studiu.
Jakich kolorów mogę użyć?
Wpisz kolory w formacie hex, takie jak #6366f1 i #ec4899, zapisane za pomocą trzech, czterech, sześciu lub ośmiu cyfr. W przypadku koloru ośmiocyfrowego dwie ostatnie cyfry określają krycie. Słowo transparent stopniowo wygasza gradient do pełnej przezroczystości.
Czy wynik będzie mieć taki sam rozmiar jak mój obraz?
Tak, jeśli margines ma wartość 0. W przeciwnym razie obraz powiększy się o margines, a jeśli całość przekroczyłaby 4000 pikseli na boku, obraz zostanie zmniejszony, aby wynik mieścił się w granicach 4000 pikseli.
Jakie formaty są obsługiwane?
Możesz przesłać obrazy JPEG, PNG, GIF, WebP, TIFF i AVIF o rozmiarze do 5 MB. Wynik jest domyślnie w formacie PNG, można go też pobrać jako JPEG lub WebP w jakości 90.
Czy gradient jest gładki?
Tak. Gradient jest rysowany jako grafika wektorowa w dokładnym rozmiarze wynikowym, więc nie widać pasów ani artefaktów skalowania. Wynik PNG zachowuje jakość bezstratną.
Czy mogę użyć tego narzędzia do zrzutów ekranu w sklepach z aplikacjami?
Tak. Prześlij zrzut ekranu z zaokrąglonymi, przezroczystymi rogami, dodaj margines od 80 do 200 pikseli i wybierz kolory swojej marki, aby uzyskać dopracowaną grafikę promocyjną.
Czy narzędzie usuwa istniejące tło?
Nie. Wypełnia tylko obszary, które są już przezroczyste, i dodaje margines. Jeśli zdjęcie nadal ma tło, najpierw usuń je za pomocą narzędzia do usuwania tła.