Kokio dydžio banerio tau reikia?
Nėra vieno dydžio, kurį naudotų visi serverių sąrašai. Kiekvienas sąrašas turi savo taisykles pločiui, aukščiui, failo tipui ir failo dydžiui, todėl prieš įkeldamas jas patikrink. Štai dydžiai, kuriuos eksportuoja Banner Studio, ir kam jie tinka:
| Dydis | Pikseliai | Tinka |
|---|---|---|
| Klasikinis interneto baneris | 468×60 | Senas IAB „full banner“ formatas. Daug svetainių ir sąrašų jį vis dar naudoja, nors IAB 2011 m. išbraukė jį iš savo standartų sąrašo. |
| Serverių sąrašo kortelė | 740×200 | Baneris tavo BestMCServerList kortelėje ir serverio puslapyje, platesnis ir aukštesnis už klasikinį banerį. |
| Platus antraštės baneris | 960×200 | Svetainių antraštės, forumų įrašai ir Discord pranešimai. |
Kiekvienam dydžiui sukurk atskirą banerį, o ne temptum vieną failą. 740×200 dizainas, suspaustas į 468×60, praranda didžiąją dalį teksto, o pixel art, ištemptas iki keistų dydžių, tampa neryškus.
BestMCServerList priima GIF, PNG, WebP arba JPEG banerius iki 2 MB.
1 žingsnis: nuspręsk, ką baneris turi pasakyti
Baneris perskaitomas maždaug per tiek laiko, kiek užtrunka jį praslinkti. Pasirink tris dalykus, o visa kita palik:
- Serverio pavadinimas, tokio dydžio, kokį leidžia vieta.
- Vienas kabliukas: žaidimo režimas arba tas vienas dalykas, kuriuo išsiskiri, pavyzdžiui, „Survival su miestais“ arba „Skyblock 1.21“.
- Adresas, kad žaidėjai galėtų jį nukopijuoti neatidarę tavo puslapio.
Funkcijų sąrašai, Discord nuorodos ir ilgi šūkiai netelpa į 60 pikselių aukščio. Juos geriau įrašyk į serverio aprašymą.
2 žingsnis: kurk taip, kad būtų įskaitoma
- Didelis pikselinis tekstas. 468×60 baneryje pavadinimas turėtų užimti didžiąją dalį aukščio. Ploni šriftai ir maži šūkiai virsta triukšmu.
- Kontrastas. Šviesus tekstas su tamsiu kontūru tinka ant bet kokio fono, net ant margų peizažų ir dalelių.
- Ramus fonas. Judantys debesys, žvaigždės ar vanduo yra gerai. Fonas, kuris juda tiek pat, kiek tekstas, atitraukia akį nuo pavadinimo.
- Pirmas kadras, kuris veikia ir vienas. Įsitikink, kad pavadinimas ir adresas matosi jau pirmame kadre. Kai kur rodomas nejudantis vaizdas, ir paprastai tai būna pirmas kadras.
- Derančios spalvos. Naudok tas pačias spalvas ir simbolį kaip savo serverio piktogramoje ir MOTD, kad žaidėjai tave atpažintų sąraše, žaidime ir Discord.
3 žingsnis: animuok be mirgėjimo
Animacija turi padėti baneriui, o ne rėkti. Lėtos dalelės, švelnus šviesos perbraukimas per logotipą ar plaukiantys debesys patraukia dėmesį ir neapsunkina teksto skaitymo.
Venk staigių blyksnių ir greito mirksėjimo. Interneto prieinamumo gairės (WCAG 2.1, sėkmės kriterijus 2.3.1) sako, kad turinys neturėtų sublyksėti daugiau nei tris kartus per sekundę, nes blyksėjimas gali sukelti priepuolius. Sklandus ciklas taip pat tiesiog malonesnis puslapyje su daugybe banerių.
Padaryk ciklą be siūlių: paskutinis kadras turi vesti atgal į pirmą. Animuotas GIF gali kartotis be galo; faile tai yra kartojimų skaičius 0 NETSCAPE2.0 plėtinyje. Banner Studio eksportuoja besikartojančius GIF.
4 žingsnis: išlaikyk GIF failą mažą
GIF saugo kiekvieną kadrą, o kiekvienas kadras gali turėti savo paletę iki 256 spalvų. Failas auga kartu su drobės dydžiu, kadrų skaičiumi ir detalių kiekiu, kuris keičiasi tarp kadrų. Šie žingsniai jį sumažina, maždaug nuo didžiausio poveikio iki mažiausio:
- Sumažink kadrų dažnį. Daugumai pikselinių animacijų užtenka 10–12 kadrų per sekundę.
- Sutrumpink ciklą. Dalelėms ar šviesos perbraukimui pilnai užtenka dviejų–keturių sekundžių.
- Naudok stambesnius pikselius. Didesni pikseliai suspaudžiami kur kas geriau nei smulkios detalės.
- Atsisakyk smulkaus triukšmo ir dalelių. Daugiausiai kainuoja mažos detalės, kurios keičiasi kiekviename kadre.
- Naudok mažiau spalvų. 64 spalvos vietoj 128 ar 256 pixel art dažnai atrodo taip pat.
Banner Studio dydžio matuoklis įvertina failą tau redaguojant. Jei baneris viršija ribą, „Pritaikyti iki 2 MB“ bando šiuos žingsnius vieną po kito ir sustoja, kai tik failas telpa.
5 žingsnis: įkelk ir naudok kitur
Animacijai eksportuok GIF, o jei svetainė priima tik nejudančius vaizdus, PNG. BestMCServerList gali baigtą banerį iškart nusiųsti į vieną iš savo įrašų mygtuku „Naudoti šį banerį“ arba įkelti failą serverio formos banerio laukelyje.
Savo svetainėje nurodyk paveikslėliui fiksuotą plotį ir aukštį, kad puslapis nešokinėtų, kol GIF kraunasi, ir prasmingą alt tekstą:
<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 pranešimams ir forumų įrašams platus 960×200 baneris turi vietos pavadinimui, kabliukui ir adresui dideliu tekstu.
Dažnos klaidos
| Problema | Sprendimas |
|---|---|
| Įkėlimas atmetamas, nes failas per didelis | Sumažink kadrų dažnį, sutrumpink ciklą arba naudok mažiau spalvų. Patikrink kiekvieno sąrašo ribą. |
| 468×60 versijoje tekstas neįskaitomas | Sukurk tam dydžiui atskirą dizainą tik su pavadinimu ir adresu. |
| Baneris atrodo neryškus | Jis buvo ištemptas iki dydžio, kuriam nebuvo sukurtas. Eksportuok tiksliai tokio dydžio, kokio nori sąrašas. |
| Spalvose matosi juostos ar taškeliai | Gradientas buvo sumažintas iki per mažo spalvų skaičiaus. Naudok vienspalvius plotus arba leisk daugiau spalvų. |
| Ciklas šokinėja | Paskutinis kadras neveda atgal į pirmą. Judantys elementai turi išeiti iš kadro ir į jį grįžti tuo pačiu greičiu. |
| Viskas mirksi | Sulėtink animaciją ir venk blyksnių, ypač daugiau nei trijų per sekundę. |
Kai baneris baigtas, jis padeda didesniame darbe: pritraukti pirmuosius žaidėjus į tavo serverį.
