# Układy banerów

> Banner Studio ma 22 układy: 14 klasycznych (Prime, Broadcast, Compact, Showcase, Split, Minimal, Tower, Scoreboard, Slim, Wide, Info, Stripe, Badge, Ticket) i 8 animowanych (Deck, Orbit, Marquee, Hextech, Tabs, Radar, Flip, Ladder). Wymiary przy skali 100% wahają się od 1100 × 100 px (Wide) do 300 × 448 px (Orbit).

## Wszystkie układy i wymiary

| Układ | Kod stylu | Zastosowanie | Wymiary przy 100% (px) |
| --- | --- | --- | --- |
| **Prime** | `crest` | Pełny profil ranked | 820 × 180 |
| **Broadcast** | `lane` | Pasek transmisyjny | 980 × 130 |
| **Compact** | `compact` | Obok kamerki | 620 × 140 |
| **Showcase** | `card` | Karta gracza | 360 × 340 |
| **Split** | `split` | Dwie strony rankingu | 760 × 200 |
| **Minimal** | `minimal` | Czysta typografia | 640 × 120 |
| **Tower** | `tower` | Układ pionowy | 290 × 420 |
| **Scoreboard** | `scoreboard` | Wyniki na pierwszym planie | 820 × 210 |
| **Slim** | `slim` | Cienki pasek | 560 × 84 |
| **Wide** | `wide` | Długi pasek dolny | 1100 × 100 |
| **Info** | `info` | Karta z siatką statystyk | 320 × 350 |
| **Stripe** | `stripe` | Skośny pasek esportowy | 720 × 104 |
| **Badge** | `badge` | Plakat z dużym emblematem | 240 × 420 |
| **Ticket** | `ticket` | Bilet z odrywanym końcem | 660 × 132 |
| **Deck (animowany)** | `deck` | Karty statystyk zmieniają się same | 520 × 128 |
| **Orbit (animowany)** | `orbit` | Okrągły licznik LP | 300 × 448 |
| **Marquee (animowany)** | `marquee` | Przewijana taśma transmisyjna | 920 × 64 |
| **Hextech (animowany)** | `hex` | Obracająca się świecąca ramka | 560 × 170 |
| **Tabs (animowany)** | `tabs` | Zakładki zmieniają treść | 560 × 150 |
| **Radar (animowany)** | `radar` | HUD z echami ostatnich gier | 500 × 170 |
| **Flip (animowany)** | `flip` | Obracane karty jak tablica odlotów | 640 × 118 |
| **Ladder (animowany)** | `ladder` | Drabina wszystkich rang | 780 × 128 |

Kod stylu to wartość parametru `style` w [linku widżetu](https://lolbanner.vxh.pl/docs/parametry-url).

## Układy klasyczne – nowe

- **Slim** – cienki, jednowierszowy pasek (560 × 84).
- **Wide** – długi pasek dolny na całą szerokość sceny (1100 × 100).
- **Info** – karta z siatką statystyk 2 × 2 (320 × 350).
- **Stripe** – skośny pasek w stylu esportowych transmisji (720 × 104).
- **Badge** – pionowy plakat z dużym emblematem rangi (240 × 420).
- **Ticket** – bilet z odrywanym końcem, na którym jest ranga i LP (660 × 132).

## Banery animowane

Osiem osobnych banerów z własną budową i ruchem. Kolory, krój pisma i przełączniki elementów działają, a motywy nie (banery mają własny wygląd). Dodatkowe statystyki (forma, KDA, CS, top championi) są wbudowane w sam baner.

- **Deck** – stały nagłówek gracza i karta statystyk, która zmienia się co ok. 4 sekundy z paskiem czasu.
- **Orbit** – okrągły licznik z animowanym łukiem LP i obracającym się pierścieniem; statystyki jako chipy pod spodem.
- **Marquee** – wąska taśma transmisyjna z płynnie przewijanymi statystykami.
- **Hextech** – sześciokątny awatar, obracająca się świecąca ramka i połysk co kilka sekund.
- **Tabs** – pasek zakładek (Profil, Statystyki, Forma, Championi) z przesuwanym podkreśleniem; każda zakładka pokazuje inną treść.
- **Radar** – HUD z obracającym się radarem, na którym ostatnie gry rozbłyskają jako zielone (wygrana) i czerwone (porażka) echa.
- **Flip** – karty obracane jak tablica odlotów; każda ma dwie strony z prawdziwymi danymi.
- **Ladder** – drabina wszystkich rang od Iron do Challenger z animowanym wypełnieniem i pulsującym markerem na Twojej randze.

## Który układ wybrać?

- **Obok kamerki** – Compact lub Minimal, bo zajmują mało miejsca.
- **Dolny pasek transmisji** – Broadcast, najszerszy i najniższy.
- **Boczny panel** – Tower, układ pionowy 290 × 420.
- **Pełny profil** – Prime lub Scoreboard, gdy chcesz pokazać wszystkie statystyki.
- **Karta gracza** – Showcase, dobry do ekranu startowego lub przerwy.
- **Dwie kolejki obok siebie** – Split.

## Skala banera

Skala (parametr `scale`) mieści się w zakresie **60–160%**. Wymiary źródła w OBS to wymiary bazowe pomnożone przez skalę, zaokrąglone do pełnych pikseli. Przykład: Prime przy 150% = 1230 × 270 px.

## Najczęstsze pytania

### Ile układów banera ma LoL Banner Studio?

Dwadzieścia dwa: czternaście klasycznych (Prime, Broadcast, Compact, Showcase, Split, Minimal, Tower, Scoreboard, Slim, Wide, Info, Stripe, Badge, Ticket) i osiem animowanych (Deck, Orbit, Marquee, Hextech, Tabs, Radar, Flip, Ladder).

### Jaki układ najlepiej pasuje obok kamerki?

Compact (620 × 140) lub Minimal (640 × 120), bo zajmują najmniej miejsca.

### W jakim zakresie można skalować baner?

Od 60% do 160%. Wymiary źródła w OBS to wymiary bazowe pomnożone przez skalę.

Źródło: https://lolbanner.vxh.pl/docs/uklady-banerow · Zaktualizowano: 2026-10-05