Strona główna / Narzędzia obrazów / Internetowy generator obrazów z promieniowym gradientem
Darmowe narzędzia online

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.