Katero velikost bannerja potrebuješ?
Ni ene same velikosti, ki bi jo uporabljali vsi seznami strežnikov. Vsak seznam določa svoja pravila za širino, višino, vrsto datoteke in velikost datoteke, zato jih preveri, preden naložiš banner. To so velikosti, ki jih izvozi Banner Studio, in za kaj so primerne:
| Velikost | Piksli | Primerno za |
|---|---|---|
| Klasičen spletni banner | 468×60 | Stari format IAB „full banner“. Veliko strani in seznamov ga še vedno uporablja, čeprav ga je IAB leta 2011 umaknil s seznama standardov. |
| Kartica na seznamu strežnikov | 740×200 | Banner na tvoji kartici in strani strežnika na BestMCServerList, ki je širši in višji od klasičnega bannerja. |
| Široka glava | 960×200 | Glave spletnih strani, objave na forumih in obvestila na Discordu. |
Za vsako velikost naredi svoj banner, namesto da raztegneš eno datoteko. Dizajn 740×200, stisnjen v 468×60, izgubi večino besedila, pixel art, povečan na nenavadne velikosti, pa postane zamegljen.
BestMCServerList sprejema bannerje v obliki GIF, PNG, WebP ali JPEG, do 2 MB.
1. korak: Odloči, kaj mora banner povedati
Banner se prebere v približno toliko časa, kot potrebuješ, da se pomakneš mimo njega. Izberi tri stvari, ostalo izpusti:
- Ime strežnika, tako veliko, kot dopušča prostor.
- En mamljiv adut: način igre ali tista ena stvar, po kateri se razlikuješ, na primer „Survival z mesti“ ali „Skyblock 1.21“.
- Naslov, da ga igralci lahko kopirajo, ne da bi odprli tvojo stran.
Seznami funkcij, povezave na Discord in dolgi slogani ne gredo v 60 pikslov višine. Raje jih napiši v opis strežnika.
2. korak: Oblikuj za berljivost
- Veliko pikselno besedilo. Na bannerju 468×60 naj ime zapolni večino višine. Tanke pisave in majhni podnaslovi se spremenijo v šum.
- Kontrast. Svetlo besedilo s temno obrobo deluje na vsakem ozadju, tudi na razgibanih pokrajinah in delcih.
- Mirno ozadje. Premikajoči se oblaki, zvezde ali voda so v redu. Ozadje, ki se premika toliko kot besedilo, odvrne pogled od imena.
- Prva sličica, ki deluje sama. Poskrbi, da sta ime in naslov vidna že v prvi sličici. Ponekod se prikaže mirujoča slika, in to je običajno prva sličica.
- Usklajene barve. Uporabi iste barve in simbol kot pri svoji ikoni strežnika in svojem MOTD, da te igralci prepoznajo na seznamu, v igri in na Discordu.
3. korak: Animiraj brez utripanja
Animacija naj banner podpira, ne pa kriči. Počasni delci, svetlobni preblisk čez logotip ali plavajoči oblaki pritegnejo pozornost, ne da bi besedilo postalo težko berljivo.
Izogibaj se ostrim bliskom in hitremu utripanju. Smernice za dostopnost spleta (WCAG 2.1, kriterij uspešnosti 2.3.1) pravijo, da vsebina ne sme utripniti več kot trikrat na sekundo, ker lahko utripanje sproži epileptične napade. Gladka zanka je poleg tega preprosto bolj prijetna na strani z veliko bannerji.
Naredi zanko brezšivno: zadnja sličica naj vodi nazaj v prvo. Animiran GIF se lahko ponavlja v nedogled; v datoteki je to število ponovitev 0 v razširitvi NETSCAPE2.0. Banner Studio izvozi GIF-e, ki se ponavljajo.
4. korak: Ohrani datoteko GIF majhno
GIF shrani vsako sličico, in vsaka sličica ima lahko svojo paleto z do 256 barvami. Datoteka raste z velikostjo platna, številom sličic in količino podrobnosti, ki se spreminjajo od sličice do sličice. Ti koraki jo zmanjšajo, približno od največjega do najmanjšega učinka:
- Zmanjšaj število sličic na sekundo. 10 do 12 sličic na sekundo zadostuje za večino pikselnih animacij.
- Skrajšaj zanko. Dve do štiri sekunde so dovolj za delce ali svetlobni preblisk.
- Uporabi večje piksle. Večji piksli se stisnejo veliko bolje kot drobne podrobnosti.
- Odstrani droben šum in delce. Majhne stvari, ki se spremenijo v vsaki sličici, stanejo največ.
- Uporabi manj barv. 64 barv namesto 128 ali 256 je pri pixel artu pogosto videti enako.
V Banner Studio merilnik velikosti med urejanjem oceni velikost datoteke. Če banner preseže omejitev, „Prilagodi na 2 MB“ poskusi te korake enega za drugim in se ustavi, takoj ko datoteka ustreza.
5. korak: Naloži ga in uporabi drugje
Za animacijo izvozi GIF ali PNG, če stran sprejema samo mirujoče slike. Na BestMCServerList lahko končan banner z „Uporabi ta banner“ pošlješ naravnost na enega od svojih vpisov ali pa datoteko naložiš v polje za banner v obrazcu strežnika.
Na svoji spletni strani sliki določi fiksno širino in višino, da stran med nalaganjem GIF-a ne poskakuje, ter smiselno besedilo alt:
<a href="https://example.com/">
<img src="/img/banner-468x60.gif" width="468" height="60"
alt="MyServer – Survival with towns – play.example.com">
</a>Za obvestila na Discordu in objave na forumih ima široka glava 960×200 dovolj prostora za ime, adut in naslov v velikem besedilu.
Pogoste napake
| Težava | Rešitev |
|---|---|
| Nalaganje je zavrnjeno, ker je datoteka prevelika | Zmanjšaj število sličic na sekundo, skrajšaj zanko ali uporabi manj barv. Preveri omejitev vsakega seznama. |
| Besedilo na različici 468×60 ni berljivo | Za to velikost naredi ločen dizajn samo z imenom in naslovom. |
| Banner je zamegljen | Povečan je bil na velikost, za katero ni bil narejen. Izvozi ga v točno tisti velikosti, ki jo zahteva seznam. |
| Barve imajo pasove ali pike | Preliv je bil zmanjšan na premalo barv. Uporabi enobarvne površine ali dovoli več barv. |
| Zanka poskoči | Zadnja sličica ne vodi nazaj v prvo. Poskrbi, da premikajoči se elementi zapuščajo in vstopajo v sliko z enako hitrostjo. |
| Vse utripa | Upočasni animacijo in se izogibaj bliskom, predvsem več kot trem na sekundo. |
Ko je banner končan, ti pomaga pri večji nalogi: pripeljati prve igralce na tvoj strežnik.
