# LoL Banner Studio

> Darmowy generator banerów rankingu League of Legends dla OBS Studio i Streamlabs. Pobiera dane z oficjalnego Riot API (ranga, LP, win rate, bilans, poziom) i udostępnia przezroczysty widżet przeglądarki. Niezależny projekt społeczności, niepopierany przez Riot Games.

Kluczowe fakty:

- 16 układów banera: 8 klasycznych (Prime, Broadcast, Compact, Showcase, Split, Minimal, Tower, Scoreboard) i 8 animowanych (Deck, Orbit, Marquee, Hextech, Tabs, Radar, Flip, Ladder).
- Obsługa 16 serwerów LoL i kolejek Ranked Solo/Duo oraz Ranked Flex.
- Widżet odświeża dane co 2 minuty; adres to /widget z parametrami w zapytaniu.
- Klucz Riot API pozostaje na serwerze i nie trafia do przeglądarki ani do linku.
- Licencja MIT; bez konta i bez logowania Riot.

## Dokumentacja

- [Szybki start](https://lolbanner.vxh.pl/docs/szybki-start.md): Wpisz Riot ID i serwer w Studio, wybierz układ banera, kliknij „Generuj link OBS” i wklej adres jako źródło „Przeglądarka” w OBS Studio lub Streamlabs. Baner aktualizuje się sam co 2 minuty.
- [Instrukcja OBS Studio](https://lolbanner.vxh.pl/docs/obs-studio.md): W OBS Studio kliknij „+” w panelu Źródła, wybierz „Przeglądarka”, wklej link widżetu z Banner Studio i wpisz szerokość oraz wysokość pokazane w oknie eksportu. Tło jest przezroczyste, a dane odświeżają się co 2 minuty.
- [Instrukcja Streamlabs](https://lolbanner.vxh.pl/docs/streamlabs.md): W Streamlabs Desktop dodaj źródło „Źródło przeglądarki” (Browser Source), wklej link widżetu z Banner Studio i ustaw szerokość oraz wysokość z okna eksportu. Działa tak samo jak w OBS Studio.
- [Układy banerów](https://lolbanner.vxh.pl/docs/uklady-banerow.md): Banner Studio ma 16 układów: 8 klasycznych (Prime, Broadcast, Compact, Showcase, Split, Minimal, Tower, Scoreboard) i 8 animowanych (Deck, Orbit, Marquee, Hextech, Tabs, Radar, Flip, Ladder). Wymiary przy skali 100% wahają się od 920 × 64 px (Marquee) do 300 × 448 px (Orbit).
- [Personalizacja](https://lolbanner.vxh.pl/docs/personalizacja.md): Możesz zmienić kolor akcentu, tła i tekstu, krój pisma (Inter, Barlow Condensed, monospace), krycie 10–100%, zaokrąglenie 0–32 px, poświatę i animację oraz wybrać jeden z 7 motywów oraz włączyć lub wyłączyć 15 elementów banera, w tym serię wygranych, formę z ostatnich 10 gier, KDA, CS na minutę i top championów.
- [Parametry linku widżetu](https://lolbanner.vxh.pl/docs/parametry-url.md): Adres widżetu to /widget z parametrami w zapytaniu, m.in. riotId, platform, queue, style, accent, scale. Wartości logiczne zapisuje się jako 1 lub 0, a niepoprawne wartości są zastępowane domyślnymi.
- [Serwery i Riot ID](https://lolbanner.vxh.pl/docs/serwery-i-riot-id.md): Banner Studio obsługuje 16 serwerów LoL (m.in. euw1, eun1, na1, kr). Riot ID wpisujesz jako Nazwa#TAG, a serwer musi zgadzać się z regionem, na którym grasz.
- [Rozwiązywanie problemów](https://lolbanner.vxh.pl/docs/rozwiazywanie-problemow.md): Najczęstsze przyczyny to błędny Riot ID lub serwer (404), przekroczony limit zapytań (429) oraz wygasły klucz Riot API po stronie serwera (401/403). Każdy komunikat ma proste rozwiązanie.
- [Prywatność i bezpieczeństwo](https://lolbanner.vxh.pl/docs/prywatnosc-i-bezpieczenstwo.md): Klucz Riot API pozostaje wyłącznie na serwerze i nie trafia do przeglądarki ani do linku widżetu. Studio nie wymaga konta ani hasła Riot, a ustawienia zapisuje lokalnie w Twojej przeglądarce.
- [Najczęstsze pytania (FAQ)](https://lolbanner.vxh.pl/docs/faq.md): LoL Banner Studio jest darmowym generatorem banerów rankingu LoL dla OBS i Streamlabs. Poniżej znajdziesz zwięzłe odpowiedzi na najczęstsze pytania.

## Pozostałe

- [Studio (generator)](https://lolbanner.vxh.pl/): aplikacja do tworzenia banera
- [Pełna dokumentacja w jednym pliku](https://lolbanner.vxh.pl/llms-full.txt)
- [Mapa strony](https://lolbanner.vxh.pl/sitemap.xml)