Minkä kokoisen bannerin tarvitset?
Ei ole yhtä kokoa, jota jokainen palvelinlista käyttäisi. Jokainen lista asettaa omat sääntönsä leveydelle, korkeudelle, tiedostotyypille ja tiedostokoolle, joten tarkista ne ennen latausta. Nämä ovat koot, jotka Banner Studio vie, ja mihin ne sopivat:
| Koko | Pikselit | Sopii |
|---|---|---|
| Klassinen verkkobanneri | 468×60 | Vanha IAB:n ”full banner” -formaatti. Monet sivut ja listat käyttävät sitä yhä, vaikka IAB poisti sen standardilistaltaan vuonna 2011. |
| Palvelinlistan kortti | 740×200 | Banneri BestMCServerList-kortissasi ja palvelimesi sivulla, leveämpi ja korkeampi kuin klassinen banneri. |
| Leveä header | 960×200 | Verkkosivujen headerit, foorumipostaukset ja Discord-ilmoitukset. |
Tee jokaiseen kokoon oma bannerinsa sen sijaan, että venyttäisit yhtä tiedostoa. Kokoon 468×60 puristettu 740×200-design menettää suurimman osan tekstistään, ja pikselitaiteen skaalaaminen outoihin kokoihin tekee siitä sumean.
BestMCServerList hyväksyy bannerit GIF-, PNG-, WebP- tai JPEG-muodossa, enintään 2 Mt.
Vaihe 1: Päätä, mitä bannerin pitää kertoa
Banneri luetaan suunnilleen siinä ajassa, kun sen ohi scrollataan. Valitse kolme asiaa ja jätä loput pois:
- Palvelimen nimi, niin isona kuin tila sallii.
- Yksi koukku: pelimuoto tai se yksi asia, joka erottaa sinut muista, esimerkiksi ”Survival kaupungeilla” tai ”Skyblock 1.21”.
- Osoite, jotta pelaajat voivat kopioida sen avaamatta sivuasi.
Ominaisuuslistat, Discord-linkit ja pitkät sloganit eivät mahdu 60 pikselin korkeuteen. Laita ne mieluummin palvelimesi kuvaukseen.
Vaihe 2: Suunnittele luettavuus edellä
- Isoa pikselitekstiä. 468×60-bannerissa nimen pitäisi täyttää suurin osa korkeudesta. Ohuet fontit ja pienet iskulauseet muuttuvat kohinaksi.
- Kontrasti. Vaalea teksti tummalla ääriviivalla toimii millä tahansa taustalla, myös vilkkailla maisemilla ja partikkeleilla.
- Rauhallinen tausta. Liikkuvat pilvet, tähdet tai vesi ovat ok. Tausta, joka liikkuu yhtä paljon kuin teksti, vie katseen pois nimestä.
- Ensimmäinen frame, joka toimii yksinään. Varmista, että nimi ja osoite näkyvät jo ensimmäisessä framessa. Jotkin paikat näyttävät pysäytyskuvan, ja se on yleensä ensimmäinen frame.
- Yhteensopivat värit. Käytä samoja värejä ja symbolia kuin palvelinikonissasi ja MOTDissasi, jotta pelaajat tunnistavat sinut listalla, pelissä ja Discordissa.
Vaihe 3: Animoi ilman välkettä
Animaation pitää tukea banneria, ei huutaa. Hitaat partikkelit, kevyt valopyyhkäisy logon yli tai ajelehtivat pilvet herättävät huomiota tekemättä tekstistä vaikealukuista.
Vältä kovia välähdyksiä ja nopeaa vilkkumista. Verkon saavutettavuusohjeet (WCAG 2.1, onnistumiskriteeri 2.3.1) sanovat, että sisältö ei saa välähtää useammin kuin kolme kertaa sekunnissa, koska välkkyminen voi laukaista kohtauksia. Pehmeä silmukka on myös yksinkertaisesti miellyttävämpi sivulla, jolla on paljon bannereita.
Tee silmukasta saumaton: viimeisen framen pitää johtaa takaisin ensimmäiseen. Animoitu GIF voi toistua loputtomasti; tiedostossa tämä on toistomäärä 0 NETSCAPE2.0-laajennuksessa. Banner Studio vie silmukkana toistuvia GIFejä.
Vaihe 4: Pidä GIF-tiedosto pienenä
GIF tallentaa jokaisen framen, ja jokaisella framella voi olla oma enintään 256 värin palettinsa. Tiedosto kasvaa kankaan koon, framejen määrän ja framesta toiseen muuttuvien yksityiskohtien mukaan. Nämä vaiheet pienentävät sitä, suunnilleen suurimmasta vaikutuksesta pienimpään:
- Laske framerate. 10–12 framea sekunnissa riittää useimpiin pikselianimaatioihin.
- Lyhennä silmukkaa. Kahdesta neljään sekuntia riittää hyvin partikkeleille tai valopyyhkäisylle.
- Käytä isompia pikseleitä. Isot taidepikselit pakkautuvat paljon paremmin kuin hienot yksityiskohdat.
- Karsi hienoa kohinaa ja partikkeleita. Pienet asiat, jotka muuttuvat joka framessa, maksavat eniten.
- Käytä vähemmän värejä. 64 väriä 128:n tai 256:n sijaan näyttää pikselitaiteessa usein samalta.
Banner Studiossa kokomittari arvioi tiedoston koon muokatessasi. Jos banneri ylittää rajan, ”Sovita 2 megatavuun” kokeilee näitä vaiheita yksi kerrallaan ja lopettaa heti, kun tiedosto mahtuu.
Vaihe 5: Lataa banneri ja käytä sitä muualla
Vie animaatio GIFinä tai PNG:nä, jos sivu hyväksyy vain pysäytyskuvia. BestMCServerListissä voit lähettää valmiin bannerin suoraan yhdelle palvelimistasi napilla ”Käytä tätä banneria” tai ladata tiedoston palvelinlomakkeen bannerikenttään.
Omalla verkkosivullasi anna kuvalle kiinteä leveys ja korkeus, jotta sivu ei hypi GIFin latautuessa, sekä kuvaava alt-teksti:
<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-ilmoituksissa ja foorumipostauksissa leveässä 960×200-headerissa on tilaa nimelle, koukulle ja osoitteelle isolla tekstillä.
Yleiset virheet
| Ongelma | Korjaus |
|---|---|
| Lataus hylätään liian suurena | Laske frameratea, lyhennä silmukkaa tai käytä vähemmän värejä. Tarkista jokaisen listan raja. |
| Teksti on lukukelvotonta 468×60-versiossa | Tee sille koolle oma design, jossa on vain nimi ja osoite. |
| Banneri näyttää sumealta | Se skaalattiin kokoon, jota varten sitä ei tehty. Vie se täsmälleen siinä koossa, jota lista haluaa. |
| Väreissä on raitoja tai pisteitä | Liukuväri pelkistettiin liian harvoihin väreihin. Käytä tasaisia värialueita tai salli enemmän värejä. |
| Silmukka hyppää | Viimeinen frame ei johda takaisin ensimmäiseen. Anna liikkuvien elementtien poistua ja tulla kuvaan samalla nopeudella. |
| Kaikki vilkkuu | Hidasta animaatiota ja vältä välähdyksiä, varsinkin yli kolmea sekunnissa. |
Kun banneri on valmis, se auttaa isommassa tehtävässä: ensimmäisten pelaajien saamisessa palvelimellesi.
