Hvilken bannerstørrelse trenger du?
Det finnes ingen størrelse som alle serverlister bruker. Hver liste har sine egne regler for bredde, høyde, filtype og filstørrelse, så sjekk dem før du laster opp. Dette er størrelsene Banner Studio eksporterer, og hva de passer til:
| Størrelse | Piksler | Passer til |
|---|---|---|
| Klassisk nettbanner | 468×60 | Det gamle IAB-formatet «full banner». Mange sider og lister bruker det fortsatt, selv om IAB fjernet det fra standardlisten sin i 2011. |
| Kort på serverlisten | 740×200 | Banneret på BestMCServerList-kortet og serversiden din, som er bredere og høyere enn et klassisk banner. |
| Bred header | 960×200 | Headere på nettsider, foruminnlegg og kunngjøringer på Discord. |
Lag ett banner per størrelse i stedet for å strekke én fil. Et 740×200-design som presses ned i 468×60, mister det meste av teksten, og pixel art som skaleres til skjeve størrelser, blir uskarp.
BestMCServerList tar imot bannere som GIF, PNG, WebP eller JPEG, opptil 2 MB.
Steg 1: Bestem hva banneret skal si
Et banner blir lest på den tiden det tar å scrolle forbi det. Velg tre ting og dropp resten:
- Servernavnet, så stort som plassen tillater.
- Én krok: spillmodusen eller den ene tingen som gjør deg annerledes, for eksempel «Survival med byer» eller «Skyblock 1.21».
- Adressen, så spillere kan kopiere den uten å åpne siden din.
Lister med funksjoner, Discord-lenker og lange slagord får ikke plass i 60 piksler høyde. Skriv dem i serverbeskrivelsen din i stedet.
Steg 2: Design for lesbarhet
- Stor pikseltekst. På et 468×60-banner bør navnet fylle det meste av høyden. Tynne fonter og små slagord blir bare til støy.
- Kontrast. Lys tekst med mørk kant fungerer på enhver bakgrunn, også travle landskap og partikler.
- En rolig bakgrunn. Skyer, stjerner eller vann i bevegelse går fint. En bakgrunn som beveger seg like mye som teksten, trekker blikket bort fra navnet.
- En første frame som fungerer alene. Sørg for at navn og adresse allerede er synlige i første frame. Noen steder vises et stillbilde, og det er som regel den første framen.
- Farger som passer sammen. Bruk de samme fargene og det samme symbolet som serverikonet og MOTD-en din, så spillere kjenner deg igjen på listen, i spillet og på Discord.
Steg 3: Animer uten å blinke
Animasjonen skal støtte banneret, ikke rope. Langsomme partikler, et lysglimt over logoen eller drivende skyer fanger oppmerksomheten uten å gjøre teksten vanskelig å lese.
Unngå harde glimt og rask blinking. Retningslinjene for universell utforming på nett (WCAG 2.1, suksesskriterium 2.3.1) sier at innhold ikke bør blinke mer enn tre ganger i sekundet, fordi blinking kan utløse anfall. En myk loop er dessuten rett og slett mer behagelig på en side med mange bannere.
Gjør loopen sømløs: den siste framen skal føre tilbake til den første. En animert GIF kan gjenta seg i det uendelige; i filen er det en loop count på 0 i NETSCAPE2.0-utvidelsen. Banner Studio eksporterer GIF-er som looper.
Steg 4: Hold GIF-filen liten
En GIF lagrer hver frame, og hver frame kan ha sin egen palett med opptil 256 farger. Filen vokser med lerretets størrelse, antall frames og mengden detaljer som endrer seg fra frame til frame. Disse stegene gjør den mindre, omtrent fra størst til minst effekt:
- Senk bildefrekvensen. 10 til 12 frames i sekundet er nok for de fleste pikselanimasjoner.
- Gjør loopen kortere. To til fire sekunder er mer enn nok for partikler eller et lysglimt.
- Bruk grovere piksler. Større kunstpiksler komprimeres langt bedre enn fine detaljer.
- Kutt fin støy og partikler. Små ting som endrer seg i hver frame, koster mest.
- Bruk færre farger. 64 farger i stedet for 128 eller 256 ser ofte helt likt ut i pixel art.
I Banner Studio anslår størrelsesmåleren filen mens du redigerer. Er banneret over grensen, prøver «Få plass innenfor 2 MB» disse stegene etter hverandre og stopper så snart filen passer.
Steg 5: Last det opp og bruk det andre steder
Eksporter en GIF for animasjonen, eller en PNG hvis en side bare tar imot stillbilder. På BestMCServerList kan du sende det ferdige banneret rett til en av oppføringene dine med «Bruk dette banneret», eller laste opp filen i bannerfeltet i serverskjemaet ditt.
På din egen nettside bør bildet ha fast bredde og høyde, så siden ikke hopper mens GIF-en laster, og en meningsfull 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>Til kunngjøringer på Discord og foruminnlegg har den brede 960×200-headeren plass til navnet, en krok og adressen i stor tekst.
Vanlige feil
| Problem | Løsning |
|---|---|
| Opplastingen avvises fordi filen er for stor | Senk bildefrekvensen, gjør loopen kortere eller bruk færre farger. Sjekk grensen på hver liste. |
| Teksten er uleselig i 468×60-versjonen | Lag et eget design for den størrelsen med bare navn og adresse. |
| Banneret ser uskarpt ut | Det er skalert til en størrelse det ikke var laget for. Eksporter det i nøyaktig den størrelsen listen vil ha. |
| Fargene har striper eller prikker | En gradient er redusert til for få farger. Bruk ensfargede flater eller tillat flere farger. |
| Loopen hopper | Den siste framen fører ikke tilbake til den første. La elementer i bevegelse forlate og komme inn i bildet med samme fart. |
| Alt blinker | Sett ned farten på animasjonen og unngå glimt, særlig mer enn tre i sekundet. |
Når banneret er ferdig, hjelper det med den større jobben: å få de første spillerne til serveren din.
