Generator obrazów z liniowym gradientem online

Funkcje i możliwości narzędzia

Narzędzie tworzy obraz z liniowym gradientem, który przechodzi od punktu (0,0) do punktu obliczonego na podstawie kąta i skali. Domyślne ustawienia to kolory #3B82F6 i #EC4899, rozmiar 1200x630 pikseli, kierunek 135 stopni i skala 100%.

Przykład działania

Dla obrazu 1200x630, kąta 135 stopni i skali 100%, punkt końcowy gradientu znajduje się w przybliżeniu w (-848.53, 445.48). Oznacza to, że gradient biegnie od lewego górnego rogu w kierunku prawego dolnego, ale ze względu na kąt, wektor jest skierowany w lewo i w dół.

Ograniczenia i wskazówki

• Gradient ma dokładnie dwa punkty zatrzymania (na pozycjach 0 i 1) – nie ma dodatkowych opcji, takich jak powtarzanie czy tryb mieszania.
• Jeśli włączysz przezroczystość, każdy punkt ma niezależny procent przezroczystości (domyślnie 0%). Przy 25% przezroczystości alfa wynosi 0.75, przy 100% – 0.
• Duże wymiary są proporcjonalnie zmniejszane do limitu 24 milionów pikseli, aby uniknąć przeciążenia przeglądarki.
• Pamiętaj o kontraście tekstu i docelowych proporcjach obrazu, jeśli planujesz użyć go jako tła.

Najczęstsze pytania

Jak działa kierunek i skala?

Kierunek (kąt) określa wektor gradientu w układzie współrzędnych obrazu, gdzie oś Y rośnie w dół. Skala zmienia długość wektora: przy 200% długość jest o połowę krótsza, więc gradient szybciej osiąga kolor końcowy, a pozostały obszar jest wypełniony kolorem końcowym (bez powtarzania).

Czy mogę ustawić różną przezroczystość dla każdego koloru?

Tak, po włączeniu opcji przezroczystości możesz niezależnie ustawić procent przezroczystości dla punktu początkowego i końcowego. Wartość 0% oznacza pełną nieprzezroczystość, 100% – pełną przezroczystość.

Jakie są ograniczenia rozmiaru obrazu?

Wymiary muszą być w zakresie od 1 do 10000 pikseli, a całkowita liczba pikseli nie może przekroczyć 24 milionów. Jeśli podasz większe wymiary, zostaną one automatycznie zmniejszone proporcjonalnie.