Przejdź do treści

Grafika sklepowa

Każda gra ma trzy osobne obrazy: miniaturkę, okładkę poziomą i kwadratowe logo. To różne pliki. Nie wgrywaj tego samego kadru do wszystkich slotów.

Klient nie sprawdza pikseli, tylko format i rozmiar pliku (maksymalnie 80 MB). Poniższe wymiary są zalecane, żeby grafika nie przycinała się źle na kafelkach i w sekcji hero.

Formaty

Zasób Manifest Dozwolone formaty
Miniaturka media.cover .png, .jpg, .jpeg, .webp, .gif
Okładka pozioma media.header j.w.
Logo kwadratowe media.logo j.w.
Intro media.intro .mp4, .webm
Zrzuty ekranu media.screenshots obrazy, maksymalnie 12

Preferuj PNG (lub WebP). Unikaj mocnej kompresji JPG.

Wymiary

Zasób Zalecane źródło Minimum Proporcje Gdzie się pojawia
Miniaturka 600 × 900 300 × 450 2:3, pion biblioteka, listy w sklepie, plakaty 168×248
Okładka pozioma 920 × 430 460 × 215 ok. 2,14:1 (nagłówek w stylu Steam) strona gry, hero, wyróżnione
Logo 512 × 512 256 × 256 1:1, kwadrat lista zainstalowanych w pasku bocznym, małe kwadratowe kafelki
Zrzut ekranu 1920 × 1080 1280 × 720 16:9 galeria na stronie gry

Wersje 2×: okładka pozioma 1840 × 860, miniaturka 1200 × 1800, logo 1024 × 1024.

Miniaturka

Pionowa kapsuła w stylu biblioteki Steam. Zostaw bezpieczny margines, bo kafelek przycina obraz (UniformToFill).

Nie wpisuj tytułu gry w grafikę. Podpis jest pod kafelkiem.

Kwadrat (np. 512 × 512) też zadziała, ale na plakacie 168×248 mocno się przytnie. Do kwadratów użyj slotu logo.

Okładka pozioma

Szeroki nagłówek w stylu Steam (460 × 215 i wielokrotności). Trzymaj tytuł i kluczowe elementy bliżej środka lub lewej strony. Dół zasłania gradient i przyciski.

Bez nagłówka klient pokazuje miniaturkę, co wygląda źle w sekcji hero. Bez miniaturki nagłówek trafia na listy, co też słabo wygląda. Wgraj oba.

Logo gry

Najlepiej przezroczysty PNG, ok. 512 × 512, bez zbędnego marginesu. Używany jest na małych kwadratowych kafelkach w pasku bocznym. Nie zastępuje miniaturki ani nagłówka. Bez logo klient używa miniaturki.

Układ plików

media/cover.png      ← miniaturka
media/header.png     ← okładka pozioma
media/logo.png       ← logo kwadratowe
media/intro.mp4      ← opcjonalnie
media/screen-01.png
"media": {
  "cover": "media/cover.png",
  "header": "media/header.png",
  "logo": "media/logo.png",
  "screenshots": ["media/screen-01.png"]
}

Możesz też dodać grafiki po publikacji: Panel twórcy (lub Admin) → Multimedia → osobne sloty Miniaturka, Okładka pozioma i Logo (kwadratowe). Puste sloty w edytorze nie pokazują zastępczej grafiki, więc od razu widać, czego brakuje.