Internetowy generator obrazów z promieniowym gradientem
Generuj obrazy PNG z promieniowym gradientem: ustaw kolory, wymiary, środek, skalę i przezroczystość. Bez wysyłania plików.
Rozpocznij
Jak działa generator promieniowego gradientu?
Narzędzie tworzy koncentryczne okręgi od środka do zewnętrznego promienia. Promień zewnętrzny jest obliczany jako sqrt(w² + h²) / (2 × (s / 100)). Dla domyślnych wymiarów 1200×630 i skali 100% promień wynosi około 677,66 px, co sięga rogów obrazu. Skala 200% zmniejsza promień do około 338,83 px.
Przykład praktyczny
Użytkownik chce obraz 800×600 z kolorem środka #FF0000 i krawędzi #0000FF, środkiem w punkcie (25%, 25%) i skalą 150%. Po wygenerowaniu otrzyma obraz PNG, w którym gradient zaczyna się w punkcie (200, 150), przesuniętym w stronę lewego górnego rogu i rozchodzi się do promienia około hypot(800,600)/(2*1.5) = 1000/3 ≈ 333,33 px.
Ograniczenia
- Brak trybu eliptycznego, dodatkowych punktów zatrzymania koloru, przesunięcia ogniska, tekstur, ditheringu ani wgrywania obrazów.
- Obszar poza zewnętrznym okręgiem wypełniany jest kolorem krawędzi (bez powtarzania).
- Przy włączonej przezroczystości procent jest konwertowany na alfa: 25% → alfa 0,75.
- Maksymalna liczba pikseli wynosi 24 miliony; większe wymiary są proporcjonalnie zmniejszane.
Najczęstsze pytania
Jak ustawić środek gradientu w rogu?
Wpisz 0% dla poziomu i 0% dla pionu. Środek zostanie umieszczony w lewym górnym rogu, a nie zresetowany do 50%.
Jak uzyskać przezroczyste obszary?
Włącz opcję przezroczystości i ustaw procent dla punktów końcowych. PNG zachowuje kanał alfa, więc obszary o niższej alfa będą przezroczyste.
Czy mogę uzyskać gradient eliptyczny?
Nie, narzędzie tworzy tylko gradient kołowy. Promień jest zawsze obliczany na podstawie przekątnej obrazu i skali.
We wzorze w i h oznaczają rzeczywiste wymiary wyniku, a s wpisany procent skali: 100 odpowiada współczynnikowi 1. Przezroczystość 0% oznacza kolor nieprzezroczysty, 100% całkowicie przezroczysty. Alfa koloru krawędzi obowiązuje też poza okręgiem.
r = sqrt(w² + h²) / (2 × (s / 100))
Przetwarzanie odbywa się lokalnie w przeglądarce.