Kāds banera izmērs tev vajadzīgs?
Nav viena izmēra, ko izmantotu visi serveru saraksti. Katrs saraksts nosaka savus noteikumus platumam, augstumam, faila tipam un faila lielumam, tāpēc pārbaudi tos pirms augšupielādes. Šie ir izmēri, ko eksportē Banner Studio, un tam, kam tie der:
| Izmērs | Pikseļi | Der |
|---|---|---|
| Klasisks tīmekļa baneris | 468×60 | Vecais IAB „full banner“ formāts. Daudzas vietnes un saraksti to joprojām izmanto, lai gan IAB to 2011. gadā izņēma no sava standarta saraksta. |
| Serveru saraksta kartīte | 740×200 | Baneris tavā BestMCServerList kartītē un servera lapā, platāks un augstāks par klasisko baneri. |
| Plata galvene | 960×200 | Mājaslapu galvenes, foruma ieraksti un Discord paziņojumi. |
Katram izmēram uztaisi savu baneri, nevis stiep vienu failu. 740×200 dizains, saspiests 468×60 izmērā, zaudē lielāko daļu teksta, un pikseļu grafikas mērogošana uz neparastiem izmēriem to padara izplūdušu.
BestMCServerList pieņem banerus GIF, PNG, WebP vai JPEG formātā līdz 2 MB.
1. solis: izlem, kas banerim jāpasaka
Baneri izlasa aptuveni tik ilgā laikā, cik vajag, lai paritinātu tam garām. Izvēlies trīs lietas un pārējo atmet:
- Servera nosaukums, tik liels, cik vieta atļauj.
- Viens āķis: spēles režīms vai tā viena lieta, kas tevi atšķir, piemēram, „Survival ar pilsētām“ vai „Skyblock 1.21“.
- Adrese, lai spēlētāji to var nokopēt, neatverot tavu lapu.
Funkciju saraksti, Discord saites un gari saukļi neietilpst 60 pikseļu augstumā. Ieliec tos servera aprakstā.
2. solis: dizains, kas ir salasāms
- Liels pikseļu teksts. 468×60 banerī nosaukumam jāaizņem lielākā daļa augstuma. Plāni fonti un sīki saukļi pārvēršas troksnī.
- Kontrasts. Gaišs teksts ar tumšu kontūru darbojas uz jebkura fona, arī uz raibām ainavām un daļiņām.
- Mierīgs fons. Kustīgi mākoņi, zvaigznes vai ūdens ir labi. Fons, kas kustas tikpat daudz kā teksts, novērš skatienu no nosaukuma.
- Pirmais kadrs, kas strādā viens pats. Pārliecinies, ka nosaukums un adrese redzami jau pirmajā kadrā. Dažās vietās rāda nekustīgu attēlu, un parasti tas ir pirmais kadrs.
- Saskaņotas krāsas. Izmanto tās pašas krāsas un simbolu kā savai servera ikonai un MOTD, lai spēlētāji tevi atpazītu sarakstā, spēlē un Discord.
3. solis: animē bez mirgošanas
Animācijai baneris jāatbalsta, nevis jākliedz. Lēnas daļiņas, viegls gaismas atspīdums pār logo vai slīdoši mākoņi piesaista uzmanību, nepadarot tekstu grūti salasāmu.
Izvairies no asiem uzplaiksnījumiem un ātras mirgošanas. Tīmekļa pieejamības vadlīnijas (WCAG 2.1, kritērijs 2.3.1) nosaka, ka saturs nedrīkst uzplaiksnīt vairāk nekā trīs reizes sekundē, jo mirgošana var izraisīt lēkmes. Vienmērīga cilpa turklāt ir vienkārši patīkamāka lapā ar daudziem baneriem.
Padari cilpu nemanāmu: pēdējam kadram jāved atpakaļ pirmajā. Animēts GIF var atkārtoties bezgalīgi; failā tas ir cilpu skaits 0 paplašinājumā NETSCAPE2.0. Banner Studio eksportē GIF failus ar cilpu.
4. solis: saglabā GIF failu mazu
GIF saglabā katru kadru, un katram kadram var būt sava palete ar līdz 256 krāsām. Fails aug līdz ar audekla izmēru, kadru skaitu un detaļu daudzumu, kas mainās no kadra uz kadru. Šie soļi to samazina, aptuveni no lielākās ietekmes līdz mazākajai:
- Samazini kadru ātrumu. 10 līdz 12 kadri sekundē pietiek lielākajai daļai pikseļu animāciju.
- Saīsini cilpu. Divas līdz četras sekundes ir pilnīgi pietiekami daļiņām vai gaismas atspīdumam.
- Izmanto lielākus pikseļus. Lielāki grafikas pikseļi saspiežas daudz labāk nekā smalkas detaļas.
- Izmet smalko troksni un daļiņas. Sīkas lietas, kas mainās katrā kadrā, maksā visvairāk.
- Izmanto mazāk krāsu. 64 krāsas 128 vai 256 vietā pikseļu grafikā bieži izskatās tieši tāpat.
Banner Studio izmēra mērītājs novērtē failu, kamēr tu rediģē. Ja baneris pārsniedz ierobežojumu, „Make it fit 2 MB“ izmēģina šos soļus vienu pēc otra un apstājas, tiklīdz fails iekļaujas.
5. solis: augšupielādē un izmanto citur
Animācijai eksportē GIF vai PNG, ja vietne pieņem tikai nekustīgus attēlus. BestMCServerList gatavo baneri vari ar „Use this banner“ uzreiz nosūtīt uz kādu no saviem ierakstiem vai augšupielādēt failu servera formas banera laukā.
Savā mājaslapā piešķir attēlam fiksētu platumu un augstumu, lai lapa nelēkā, kamēr GIF ielādējas, un jēgpilnu alt tekstu:
<a href="https://example.com/">
<img src="/img/banner-468x60.gif" width="468" height="60"
alt="MyServer – Survival with towns – play.example.com">
</a>Discord paziņojumiem un foruma ierakstiem platajā 960×200 galvenē ir vieta nosaukumam, āķim un adresei lielā tekstā.
Biežākās kļūdas
| Problēma | Risinājums |
|---|---|
| Augšupielāde tiek noraidīta kā pārāk liela | Samazini kadru ātrumu, saīsini cilpu vai izmanto mazāk krāsu. Pārbaudi katra saraksta ierobežojumu. |
| 468×60 versijā teksts nav salasāms | Uztaisi šim izmēram atsevišķu dizainu tikai ar nosaukumu un adresi. |
| Baneris izskatās izplūdis | Tas tika mērogots uz izmēru, kuram nebija paredzēts. Eksportē to tieši tādā izmērā, kādu prasa saraksts. |
| Krāsās ir joslas vai punkti | Gradients tika samazināts līdz pārāk mazam krāsu skaitam. Izmanto vienkrāsainus laukumus vai atļauj vairāk krāsu. |
| Cilpa lēkā | Pēdējais kadrs neved atpakaļ pirmajā. Liec kustīgajiem elementiem iziet no kadra un ienākt tajā ar vienādu ātrumu. |
| Viss mirgo | Palēnini animāciju un izvairies no uzplaiksnījumiem, īpaši vairāk nekā trim sekundē. |
Kad baneris ir gatavs, tas palīdz lielākajā uzdevumā – dabūt pirmos spēlētājus uz tavu serveri.
