Akú veľkosť bannera potrebuješ?
Neexistuje jedna veľkosť, ktorú používa každý zoznam serverov. Každý zoznam má vlastné pravidlá pre šírku, výšku, typ súboru a veľkosť súboru, takže si ich pred nahraním over. Toto sú veľkosti, ktoré Banner Studio exportuje, a na čo sa hodia:
| Veľkosť | Pixely | Hodí sa na |
|---|---|---|
| Klasický webový banner | 468×60 | Starý formát IAB „full banner“. Veľa stránok a zoznamov ho stále používa, hoci ho IAB v roku 2011 vyradil zo svojho zoznamu štandardov. |
| Karta na zozname serverov | 740×200 | Banner na tvojej karte a stránke servera na BestMCServerList, ktorý je širší a vyšší ako klasický banner. |
| Široká hlavička | 960×200 | Hlavičky webov, príspevky na fórach a oznámenia na Discorde. |
Urob jeden banner pre každú veľkosť, namiesto naťahovania jedného súboru. Návrh 740×200 natlačený do 468×60 stratí väčšinu textu a škálovanie pixel artu na nezvyčajné veľkosti ho rozmaže.
BestMCServerList prijíma bannery vo formáte GIF, PNG, WebP alebo JPEG, do 2 MB.
Krok 1: Rozhodni, čo má banner povedať
Banner sa prečíta zhruba za čas, kým okolo neho prescrolluješ. Vyber tri veci a zvyšok vynechaj:
- Názov servera, taký veľký, ako to priestor dovolí.
- Jeden háčik: herný režim alebo tú jednu vec, ktorou sa líšiš, napríklad „Survival s mestami“ alebo „Skyblock 1.21“.
- Adresu, aby si ju hráči mohli skopírovať bez otvárania tvojej stránky.
Zoznamy funkcií, odkazy na Discord a dlhé slogany sa do 60 pixelov výšky nezmestia. Daj ich radšej do popisu servera.
Krok 2: Navrhuj s ohľadom na čitateľnosť
- Veľký pixelový text. Na banneri 468×60 by mal názov zaberať väčšinu výšky. Tenké fonty a malé podnadpisy sa zmenia na šum.
- Kontrast. Svetlý text s tmavým obrysom funguje na akomkoľvek pozadí, aj na rušnej krajine a časticiach.
- Pokojné pozadie. Pohybujúce sa oblaky, hviezdy alebo voda sú v poriadku. Pozadie, ktoré sa hýbe rovnako ako text, odťahuje pohľad od názvu.
- Prvý snímok, ktorý funguje aj sám. Uisti sa, že názov a adresa sú viditeľné už v prvom snímku. Niektoré miesta ukazujú statický obrázok a to býva zvyčajne prvý snímok.
- Zladené farby. Použi rovnaké farby a symbol ako pri svojej ikone servera a svojom MOTD, aby ťa hráči spoznali na zozname, v hre aj na Discorde.
Krok 3: Animuj bez blikania
Animácia má banner podporiť, nie kričať. Pomalé častice, jemný prelet svetla cez logo alebo plávajúce oblaky pritiahnu pozornosť bez toho, aby sa text ťažko čítal.
Vyhni sa ostrým zábleskom a rýchlemu blikaniu. Pravidlá prístupnosti webu (WCAG 2.1, kritérium úspešnosti 2.3.1) hovoria, že obsah by nemal blikať viac ako trikrát za sekundu, pretože blikanie môže vyvolať záchvaty. Plynulá slučka je navyše jednoducho príjemnejšia na stránke s mnohými bannermi.
Urob slučku plynulú: posledný snímok by mal nadväzovať na prvý. Animovaný GIF sa môže opakovať donekonečna; v súbore je to počet opakovaní 0 v rozšírení NETSCAPE2.0. Banner Studio exportuje GIF-y v slučke.
Krok 4: Udrž GIF malý
GIF ukladá každý snímok a každý snímok môže mať vlastnú paletu až s 256 farbami. Súbor rastie s veľkosťou plátna, počtom snímok a množstvom detailov, ktoré sa medzi snímkami menia. Tieto kroky ho zmenšia, zhruba od najväčšieho efektu po najmenší:
- Zníž snímkovú frekvenciu. Pre väčšinu pixelových animácií stačí 10 až 12 snímok za sekundu.
- Skráť slučku. Na častice alebo prelet svetla úplne stačia dve až štyri sekundy.
- Použi hrubšie pixely. Väčšie pixely sa komprimujú oveľa lepšie ako jemné detaily.
- Uber jemný šum a častice. Najviac stoja malé veci, ktoré sa menia v každom snímku.
- Použi menej farieb. 64 farieb namiesto 128 alebo 256 vyzerá v pixel arte často rovnako.
V Banner Studiu merač veľkosti odhaduje súbor počas úprav. Ak je banner nad limitom, „Zmestiť do 2 MB“ skúša tieto kroky jeden po druhom a zastaví sa, hneď ako sa súbor zmestí.
Krok 5: Nahraj ho a použi aj inde
Na animáciu exportuj GIF, alebo PNG, ak stránka prijíma len statické obrázky. Na BestMCServerList môžeš hotový banner poslať priamo do jedného zo svojich záznamov cez „Použiť tento banner“ alebo nahrať súbor do poľa banner vo formulári servera.
Na vlastnom webe daj obrázku pevnú šírku a výšku, aby stránka neposkakovala, kým sa GIF načíta, a zmysluplný alternatívny text:
<a href="https://example.com/">
<img src="/img/banner-468x60.gif" width="468" height="60"
alt="MyServer – Survival with towns – play.example.com">
</a>Pre oznámenia na Discorde a príspevky na fórach má široká hlavička 960×200 miesto na názov, háčik aj adresu veľkým písmom.
Bežné chyby
| Problém | Riešenie |
|---|---|
| Nahranie je odmietnuté, lebo súbor je príliš veľký | Zníž snímkovú frekvenciu, skráť slučku alebo použi menej farieb. Over si limit každého zoznamu. |
| Text je vo verzii 468×60 nečitateľný | Urob pre túto veľkosť samostatný návrh len s názvom a adresou. |
| Banner vyzerá rozmazane | Bol zmenšený alebo zväčšený na veľkosť, pre ktorú nebol robený. Exportuj ho presne vo veľkosti, ktorú zoznam chce. |
| Farby majú pruhy alebo bodky | Prechod bol zredukovaný na príliš málo farieb. Použi plné farebné plochy alebo povoľ viac farieb. |
| Slučka skáče | Posledný snímok nenadväzuje na prvý. Nechaj pohyblivé prvky odchádzať a prichádzať rovnakou rýchlosťou. |
| Všetko bliká | Spomaľ animáciu a vyhni sa zábleskom, najmä viac ako trom za sekundu. |
Keď je banner hotový, pomôže ti pri väčšej úlohe: ako dostať prvých hráčov na svoj server.
