Menu Zavřeno

Twitch Graphics Size Guide

Twitch Graphics Size Guide

Are you a stream designer? DIY streamer on a budget? Consider this Twitch Size Guide the bible for creative-types.

We’re going to show you all the best specs for your Twitch graphics. Dimensions, file sizes and formats for the essential designs, including:

  • Profile Picture & Banner
  • Webcam Overlay
  • Twitch Panels
  • Video Player Banner
  • Stream Alerts
  • Emotes & Badges
  • And more

This Twitch Size Guide is designed for both artists and streamers — a quick reference you can keep bookmarked. Everything has been tested and optimized by our team of 50+ Twitch creatives. We used only the latest, up-to-date specs for 2020-2021 and beyond. A časem budeme pokračovat v zavádění nových aktualizací.

Začněme.

Velikost profilového obrázku (avatara) Twitch

Začneme od základů. Váš profilový obrázek, označovaný také jako avatar, je hlavní obrázek spojený s vaším kanálem Twitch. Bude to pravděpodobně první dojem nového diváka o vaší značce na streamu, takže si na něm dejte záležet.

A zobrazuje se všude. Zde je několik klíčových míst, kde si ho diváci všimnou:

  • Navigace na Twitchi a vyhledávání kanálu
  • „Going-Live“ e-mailová upozornění
  • Vyhledávání na webu (včetně Googlu)
  • Příspěvky na Twitteru včetně odkazu na váš stream

Takže nebuďte plebs. Udělejte si správnou velikost.

Všimněte si, že na rozdíl od většiny ostatních grafických prvků streamu jsou profilové obrázky čtvercové – musíte použít poměr stran 1:1 (stejná výška a šířka). Twitch doporučuje minimální rozměry 200 x 200 pixelů a maximální 256 x 256 pixelů. Doporučujeme použít rozměr 256 x 256, pokud je to možné, aby byla zajištěna co nejvyšší kvalita obrázku – při jakémkoli překročení tohoto rozměru služba Twitch obrázek automaticky zmenší. Maximální velikost souboru je 10 MB a mezi přijatelné typy souborů patří JPEG & PNG.

Doporučené rozměry: 256 x 256 pixelů

Maximální velikost souboru: 10 MB

Přijatelné typy souborů: JPG, JPG, JPG, JPG, JPG: JPEG, PNG

Tipy od designérů:

Doporučujeme zde použít hlavní obrázek vaší značky, ať už je to logo nakopnutého proudu nebo fotografie vašeho velkého krásného hrnku. Ať už zvolíte cokoli, ujistěte se, že se předmět vejde do co největší části rámečku. Je to proto, že profilový obrázek (který je už na začátku malý) se často dále zmenšuje, aby se vešel na různá zařízení, do navigace Twitche atd.

Výsledný produkt by měl být jasný a zřetelný – diváci by měli být schopni váš kanál podle profilového obrázku okamžitě rozpoznat. Pokud musí mhouřit oči, aby váš obrázek rozeznali, děláte to špatně.

Velikost avataru Twitch

Velikost banneru profilu Twitch

Optimální výška banneru profilu je 480px. Cokoli vyššího nebo kratšího bude automaticky zmenšeno službou Twitch. Vyhněte se tomu, protože by to mohlo snížit kvalitu vašeho obrázku.

Šířka může být trochu složitější. Technicky Twitch doporučuje šířku banneru 900px, i když doporučujeme navrhnout širší, aby se lépe škáloval na velkých obrazovkách. Proč tomu tak je?

No, 900px bude vypadat dobře na malých i normálně velkých obrazovkách. To zahrnuje mobilní zařízení, tablety a standardní monitory. Na větších obrazovkách s vysokým rozlišením, jako jsou televizory nebo ultraširoké monitory, se však váš obrázek roztáhne daleko za hranici 900px. A to může způsobit vážné zkreslení, takže budete mít rozmazaný a zrnitý obrázek banneru.

Chcete-li tomu čelit, doporučujeme zvětšit šířku na 1200px. To umožní lepší škálování na širších obrazovkách a zanechá vám ostrý a čistý banner v jakémkoli rozlišení. Cokoli širšího než 1200px je pravděpodobně přehnané.

ukázka profilového banneru ukazující nejlepší rozměry a velikost souboru

Ujistěte se, že váš profilový banner má méně než 10 MB, jinak Twitch váš obrázek zkomprimuje. To může způsobit zkreslení obrazu a artefakty, což je velmi nevhodné.

Co se týče formátu, máte na výběr buď soubory JPEG, nebo PNG. Šikovným trikem je použití průhledných PNG, abyste zabránili nepříjemnému převisu uživatelského rozhraní v pravém dolním rohu banneru. Pro většinu streamerů však budou v pořádku fungovat soubory JPEG nebo neprůhledné soubory PNG.

Doporučené rozměry 1200 x 480 pixelů

Maximální velikost souboru: 10 MB

Doporučené typy souborů: JPEG nebo PNG

Velikost webové kamery (překryvů) na Switchi

Překryvy

Takže jste se rozhodli použít překryv webové kamery ve streamu. Na zdraví. Brzy tu vaši krásnou tvář uvidí stovky, ne-li tisíce diváků po celém světě. Teď ale nevypadejte jako zelenáč s odfláknutým překrytím – věnujte návrhu webové kamery & trochu času a odměnou vám bude

Jsou zde dvě oblíbené možnosti webové kamery: Poměr stran 16:9 nebo 4:3. Volba bude nakonec záviset na rozlišení vaší streamovací kamery. Zatímco 16:9 bývá častější, někteří streameři dávají přednost snímkům webové kamery 4:3

Ve skutečnosti jsou webové kamery z hlediska designu trochu zvláštní kachnou. Je složité určit konkrétní velikosti nebo rozměry,protože streameři obvykle ořezávají rámečky webových kamer prostřednictvím OBS tak, aby odpovídaly požadované velikosti – nebo vytvářejí vlastní tvary pomocí masek apod. Výsledný snímek si každý streamer téměř vždy zmenší a upraví podle svých potřeb. Obecně platí, že žádní dva streameři nebudou mít úplně stejnou velikost své kamery – vše záleží na osobních preferencích.

Z tohoto důvodu je těžké doporučit konkrétní rozlišení webové kamery, i když doporučujeme, aby bylo co největší. Přinejmenším začněte s rozlišením 1920 x 1080 pixelů, abyste při zmenšování zachovali kvalitu designu. Pokud je vaše webová kamera statická, použijte formát PNG (JPEG nedoporučujeme, protože nepodporuje průhlednost). Pro animované snímky použijte formát GIF.

Doporučené rozměry: 1920 x 1080 pixelů

Přípustné typy souborů: PNG (statické), GIF (animované)

Tipy od designérů:

Ačkoli se webová kamera může zdát jednoduchá, existuje zde spousta možností a mnoho streamerů experimentuje s více typy designu, dokud nenajdou ten správný. Webkamery se mohou pohybovat od jednoduchých, minimalistických rámečků přes složitější překryvy s odškrtávacími & informacemi o streamu až po plně animované, dynamické návrhy. Jako vždy doporučujeme držet se designu, který se hodí ke značce a vizuálním motivům vašeho kanálu.

Budete si také chtít pohrát s umístěním a velikostí překryvu webové kamery na obrazovce. Hrajete hru se složitými informacemi o uživatelském rozhraní, jako je League of Legends nebo World of Warcraft? Zvažte minimalizaci velikosti webové kamery a její uspořádání tak, aby nezakrývala klíčové herní ukazatele. Naopak u her typu Battle Royales nebo FPS, jako je Overwatch, které mají jednodušší herní uživatelské rozhraní, máte větší volnost RE: rozvržení webové kamery.

Webcams

Velikost panelů Twitch

Maximální šířka panelu je 320 pixelů. Pokud bude jakýkoli širší nebo užší, Twitch automaticky zmenší obrázek na 320px. To může způsobit zkreslení, takže váš panel bude pro diváky hůře čitelný.

Výška panelu umožňuje větší volnost a kreativitu. Pro tradiční (tj. obdélníkové) panely doporučujeme výšku mezi 60-100px. To je obvykle ideální bod pro umístění jednoho řádku textu a ikony uvnitř. Tyto typy panelů se skvěle hodí pro použití jako organizační rozdělovače a výzvy k akci.

Příklad panelu ukazující ideální rozměry a velikost souboru
Doporučená velikost pro tradiční, obdélníkové panely Twitch.

Druhým, pokročilejším typem panelu je čtvercový nebo vertikální panel. Často se používají k informačním účelům, například k zobrazení emotikonů, pravidel kanálu, specifikací počítače, rozpisů a sponzorů. U těchto panelů doporučujeme využít horní hranice výškových specifikací služby Twitch, které mohou dosahovat až 600px!

Co se týče velikosti souboru, udržujte panely Twitch pod 2,9 MB. Cokoli většího bude automaticky komprimováno, což by mohlo mít za následek rozmazaný obrázek s nízkým rozlišením.

Pro formát určitě používejte průhledné soubory PNG. Služba Twitch sice technicky přijímá soubory JPEG, ale kreativně se tím omezíte. Průhlednost vám umožní používat obrazy se zakřivenými okraji a designovými výstřelky podél okrajů. To znamená více netradičních tvarů a výtvarných stylů, nejen lineární čtverce a obdélníky. A to je (téměř) vždy dobrá věc.

Doporučené rozměry: Tradiční: 320 x 60-100 pixelů. Na výšku: 320 x < 600 pixelů

Maximální velikost souboru: 2,9 MB

Doporučený formát souboru:

Velikost banneru přehrávače videa Twitch (offline obrazovky)

Bannery přehrávače videa – často označované jako „offline obrazovky Twitch“ – mají poměrně jednoduché specifikace velikosti. Nezapomeňte, že okno videopřehrávače Twitch má poměr stran 16:9, takže váš banner bude muset tomuto poměru stran odpovídat. Z tohoto důvodu většina streamerů volí rozměry 1920 x 1080px. Zůstane vám tak velké plátno s vysokým rozlišením, které přesto vypadá skvěle i na větších obrazovkách.

příklad offline obrazovky ukazující nejlepší rozměry a velikost souboru

Udržujte velikost souboru pod 10 MB, jinak bude váš obrázek automaticky komprimován službou Twitch. Nechtěná komprese může výrazně snížit kvalitu obrázku a způsobit pixilaci a artefakty.

Doporučujeme použít formát JPEG nebo PNG. Služba Twitch sice technicky přijímá soubory GIF, ale nepodporuje animované offline obrazovky. Pokud tedy nahrajete soubor GIF, zobrazí se pouze první snímek animace. A to je špatně.

Doporučené rozměry: 1920 x 1080 pixelů

Maximální velikost souboru: 10 MB

Doporučené typy souborů:

Velikost upozornění na Switch

Při vytváření vlastních upozornění doporučujeme vycházet z plátna o rozměrech 800 x 600px. To je standardní velikost zdrojového okna prohlížeče OBS nebo okna upozornění Streamlabs, která ponechává dostatek prostoru pro vytvoření, naprogramování a nastavení designu.

Po vytvoření upozornění doporučujeme použít o něco užší šířku mezi 700-750px. To vám ponechá dostatečný prostor pro dýchání a prostor pro výplň po stranách alertu. Standardní výška alertů se pohybuje mezi 200-250px. Zjistili jsme, že to je pro většinu tradičních typů upozornění ideální výška. Pokud chcete, můžete přidat o něco větší výšku pro animační efekty, obecný padding a textové zprávy. U krabicovitějších, vysokých upozornění můžete dokonce zvýšit výšku až na 800px.

Ve skutečnosti jsou tyto rozměry spíše návrhy než železná pravidla. Ideální velikost alertů neexistuje, protože přesné rozměry se liší podle designéra a kontextu.

Vizualizace podle příkladu upozornění na impulsní stream si vytvořte vlastní
Doporučená velikost pro upozornění Twitch

Technicky se velikost souboru upozornění liší podle toho, jaký software OBS používáte: Streamlabs nebo StreamElements. Maximální velikost souboru u softwaru Streamlabs je 10 MB a u softwaru StreamElements je to 30 MB. Ve skutečnosti byste se však měli vždy snažit udržet velikost alertů pod 2-3 MB. Udržování nízké velikosti souboru zajišťuje nejlepší výkon ve všech programech OBS.

Pokud jde o formát souboru, pravděpodobně budete chtít něco, co podporuje průhlednost. Průhlednost umožňuje, aby vaše alerty měly zakřivené okraje a nelineární tvary, a ne pouze čtverce a obdélníky. Umožňuje také, aby se vaše upozornění úhledně vrstvilo na herní pozadí, aniž by příliš zakrývalo pohled vašich posluchačů.

Soubory JPEG průhlednost nepodporují, takže pro jakákoli statická (neživá) upozornění budete chtít použít průhledný PNG. Pro animovaná upozornění budete chtít použít formát WEBM, protože ten průhlednost podporuje. Vyhněte se souborům GIF, protože mají hroznou kompresi (důležitou pro udržení nízké velikosti souboru) a podporují pouze 1bitovou průhlednost, což není nikdy ideální.

Doporučené rozměry: 700-750 x 200-250 pixelů

Doporučená velikost souboru: 2-3 MB

Maximální velikost souboru: 10 MB (Streamlabs), 30 MB (StreamElements)

Doporučený typ souboru: Průhledný PNG (statický), WEBM (animovaný)

Velikost emotikonů Twitch

Odznaky emotikonů

Pamatujete si, když jste poprvé viděli emotikon Kappa? Pogumoval jsi ho? Pravděpodobně zmateně, možná trochu zvědavě. Ale po krátkém průzkumu jste najednou měli pocit, že jste byli přijati do tajného klubu. Jako byste byli zasvěceni do nějakého interního vtipu. A okamžitě jste se pustili do spamování nového emotu v chatech na Twitchi široko daleko.

Taková je síla emotikonů při budování komunity. A tuto sílu můžete využít pomocí vlastních emotů, které jsou jedinečné pro váš kanál. Přimějte lidi, aby začali v chatu házet vaše emoty – nejenže váš stream bude vypadat živě a dynamicky, ale noví diváci začnou rozbíjet tlačítko Sub, jen aby se dostali do akce.

V současné době mohou partneři Twitche nahrát na svůj kanál pouze jeden vlastní emote. DÁLE mohou affiliate partneři nahrát dvě další varianty emote jedinečné pro danou úroveň předplatného – například diváci, kteří se rozhodnou pro předplatné úrovně 2 za 9,99 USD, si odemknou jedinečný design emote, stejně jako v případě předplatného úrovně 3 za 24,99 USD. Jakmile se stanete partnerem, všichni se zaměří na body předplatitelů, které se postupem času hromadí, když si diváci předplatí váš kanál. Jakmile dosáhnete nových cílů Sub Point, odemknou se vám další sloty pro emotikony, které vám umožní nahrát na váš kanál více designů emotikonů. Rozpis úrovní naleznete v tomto příspěvku na Twitchi. V současné době je maximální počet emotikonů, které můžete na svůj kanál nahrát, 50.

Cítíte se umělecky a nezávisle? Chcete si vytvořit vlastní emotikony? Měli byste si dát záležet na správné velikosti a formátování, protože všechny emoty je třeba odeslat na Twitch ke kontrole, než je budete moci použít na svém kanálu. Každý emote je třeba odeslat v následujících třech velikostech: 28 x 28 pixelů, 56 x 56 pixelů a 112 x 112 pixelů – nezapomeňte si tedy uložit tři různé verze. Všechny emoty musí být průhledné, takže se budete muset držet formátu PNG. A maximální velikost souboru je 25 kB.

Doporučené rozměry: Doporučené typy souborů: 112 x 112px, 56 x 56px, & 28 x 28px

Maximální velikost souboru: 25KB

Doporučené typy souborů: PNG

Tipy od designérů:

Přemýšlejte o svých oblíbených emotikonách. Když se nad tím zamyslíte, jsou to všechno poměrně jednoduché návrhy. To je klíč – vaše emotikony by měly být jednoduché, ale ikonické pro vaši značku streamera. Často vidíme, že streameři dělají tu chybu, že do svých emotikonů vkládají příliš mnoho detailů. Jistě, ve vysokém rozlišení mohou vypadat skvěle, ale jakmile je zmenšíte na malou velikost 28 x 28 pixelů (jak se budou zobrazovat v chatu), všechny ty detaily navíc se ztratí. Chat bude mhouřit oči nad vaším rozmazaným, chaotickým designem. Feelsbadman.

Zachovejte tedy jednoduchost. Použijte dobře definovaný obrázek, který lze ještě jasně rozpoznat v kouskové velikosti. To se týká i textu – všechna slova nebo fráze by měly být velké, protože text je jednou z prvních věcí, která se při zmenšení vašeho emota ztratí.

Velikost emotů

Velikost odznaků Twitch (odznaky předplatitelů, věrnostní odznaky)

Připomeňte si chat svého oblíbeného streamera. Když tam zavítáte jako předplatitel, hrdě si replikujete odznak tohoto kanálu. Jste veteránem jejich streamu a přímo podporujete jejich vysílací kariéru. Hrdost, loajalita, epeen… Ať už tomu říkáte jakkoli, stejný fenomén můžete znovu vytvořit na svém kanálu, když nahrajete vlastní odznaky předplatitelů.

Odznaky předplatitelů služby Twitch se automaticky zobrazují vedle jména přihlášeného diváka v Chatu a jsou exkluzivní pro váš kanál. Partneři a pobočky Twitch mají možnost nahrávat vlastní návrhy tohoto „základního odznaku“, který označuje, že je divák přihlášen k odběru vašeho kanálu alespoň jeden měsíc. Výchozí Základní odznak je hvězda… Nebuďte takový člověk/dívka. Vyberte si design jedinečný pro váš kanál a značku Twitch – věřte nám, vyplatí se to.

Partneři a přidružení partneři mají také možnost nahrávat věrnostní odznaky, což jsou jedinečné vlastní odznaky odrážející délku, po kterou je divák přihlášen k odběru vašeho kanálu. Například šestiměsíční odběratel vašeho kanálu bude mít jiný design odznaku než tříměsíční odběratel. Je to příležitost, jak odměnit své nejvěrnější předplatitele exkluzivním stylem v chatu – a je to také pobídka pro diváky, aby zůstali předplatiteli v naději, že odemknou další úroveň odznaků. V současné době mohou affiliate partneři nahrávat vlastní věrnostní odznaky pro tříměsíční, šestiměsíční a roční předplatitele (kromě základního odznaku). Partneři odemykají další sloty pro diváky s předplatným mezi 2 a 8 lety.

Na rozdíl od emotikonů odznaky nevyžadují kontrolu a schválení na Twitchi – můžete je nahrát na svůj kanál, jakmile jsou hotové. Každý odznak je třeba nahrát ve třech velikostech: 18 x 18 pixelů, 36 x 36 pixelů a 72 x 72 pixelů, takže si uložte tři různé kopie každého odznaku. Všechny odznaky musí být průhledné soubory PNG s maximální velikostí souboru 25 KB.

Doporučené rozměry: 72 x 72px, 36 x 36px, & 18 x 18px

Maximální velikost souboru: 25KB

Doporučené typy souborů: PNG

Tipy od designérů:

Jak jsme si řekli u emotikon, vaše návrhy by měly být jasné a jednoduché, aby kompenzovaly zmenšení velikosti. To platí obzvlášť pro odznaky odběratelů, které mají téměř poloviční velikost než standardní emote chatu. Existuje důvod, proč většina nejlepších odznaků Twitch má minimalistický, zjednodušený design. Nepřehánějte to s komplikacemi.

Máte omezený rozpočet nebo málo času? Rozhodněte se pro jednoduché barevné změny odznaků, na rozdíl od zcela unikátních designů. Například Base Sub je červené srdce, 3měsíční je zelené srdce, 6měsíční je fialové srdce atd. Při správném provedení mohou být stejně účinné jako jedinečné návrhy odznaků – i když většina streamerů raději přejde na jedinečné návrhy, jakmile na to má prostředky nebo čas.

Velikost odznaků

Velikost miniatur Twitch VOD

Někdy se na streamu všechno trefí juuuuust… Jste v zóně, dotace & subs se valí a chat je en fuego. Jakmile se objeví obrazovka s koncem streamu, uložte si tohoto drsňáka ven jako VOD, abyste ho mohli později znovu sdílet se svou komunitou. Profesionální streamer však ví, že samotné VOD nezaručují sledovanost – budete chtít nahrát poutavý a kreativní obrázek miniatury, abyste přiměli sledující klikat.

Toto je poměrně jednoduché – nepotřebujete šílené designérské schopnosti, abyste vytvořili epickou miniaturu Twitche. Budete se chtít držet standardního poměru stran 16:9 s maximálními rozměry 1280 x 720 pixelů. Držte se formátů JPEG nebo PNG, je to snadné jako facka.

Doporučené rozměry: 1280 x 720 pixelů

Doporučené typy souborů: JPEG, PNG

Tipy od designérů:

Buďte kreativní, přátelé! Teď není čas na použití obecného, výchozího rámečku ze streamu. Zamyslete se nad miniaturami, které obvykle vidíte na kanálech jiných streamerů na Twitchi nebo na YouTube – na která videa nejčastěji klikáte? Nejlépe fungují snímky s jasným, přiblíženým bodem zaostření, ať už jde o detailní záběr na váš krásný hrnek, epický moment ze hry nebo vlastní výtvor. Stačí vzít snímek z vysílání, oříznout ho a – pokud máte nějaké designérské dovednosti – zvážit přidání textu nebo překryvných obrázků do výsledného produktu pro trochu pikantnosti navíc.

Nevěnujte tomu příliš mnoho času, ale ani to nepřehlížejte. VOD mohou být silným nástrojem pro růst kanálu a do povedené miniatury se vyplatí investovat. Stačí se podívat, jak často Ninja spouští svá minulá vysílání – je jasné, že to má něco do sebe!

Velikost VOD na Switchi

Závěr

Klid, tady to máte, přátelé. Doporučení pro návrh a rozměry velikostí všech základních grafických prvků služby Twitch. Nyní se vydejte na cestu a dobývejte svět designu jako nějaký faceroll-EZ, uber-skloněný Bob Ross. Štětec je ve vašich rukou a streamerská sféra je vaše plátno.

Jsme si jisti, že máte všechny nástroje, které potřebujete k dalšímu kroku, ale pokud budete na své cestě potřebovat pomoc, náš tým profesionálních streamových designérů je tu, aby vám podal pomocnou ruku. Naše sbírka prémiových bezplatných a předpřipravených překryvů Twitche je vám vždy k dispozici. A až přijde den pro personalizovaný, vlastní design streamu pro váš kanál, víte, komu zavolat.

Zůstaňte naladěni na další dva díly našeho seriálu o velikosti streamu! Druhá část se bude zabývat základní grafikou streamu Mixeru a třetí část se bude věnovat nejdůležitějším obrázkům pro sociální média vašeho streamu.

Do té doby pokračujte, fajnšmekři.

Láska,

VBI

POZNÁMKA: Ačkoli bychom vždy upřednostňovali spolupráci s naším týmem odborných designérů, animátorů a ilustrátorů, uznáváme také, že – stejně jako my – jste kreativní typ. Maverick inovátor, který si chce ušpinit ruce. Svět nemůže držet vaše úžasné schopnosti v kleci a my také ne… Pokud změníte názor a rozhodnete se přenechat design profesionálům, VBI vám kryje záda. Nakupte si naše dostupné návrhy streamů, prohlédněte si naši bezplatnou kolekci grafiky streamů nebo nakopněte svou kariéru pomocí vlastního designu Twitche.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *