Hvilken bannerstørrelse har du brug for?
Der findes ikke én størrelse, som alle serverlister bruger. Hver liste har sine egne regler for bredde, højde, filtype og filstørrelse, så tjek dem, før du uploader. Det her er de størrelser, Banner Studio eksporterer, og hvad de er gode til:
| Størrelse | Pixels | God til |
|---|---|---|
| Klassisk webbanner | 468×60 | Det gamle IAB-format „full banner“. Mange sider og lister bruger det stadig, selvom IAB fjernede det fra sin standardliste i 2011. |
| Kort på serverlisten | 740×200 | Banneret på dit BestMCServerList-kort og din serverside, som er bredere og højere end et klassisk banner. |
| Bred header | 960×200 | Headere på hjemmesider, forumopslag og Discord-meddelelser. |
Lav ét banner pr. størrelse i stedet for at strække én fil. Et 740×200-design, der presses ned i 468×60, mister det meste af teksten, og pixel art, der skaleres til skæve størrelser, bliver sløret.
BestMCServerList tager imod bannere som GIF, PNG, WebP eller JPEG, op til 2 MB.
Trin 1: Beslut, hvad banneret skal sige
Et banner bliver læst på den tid, det tager at scrolle forbi det. Vælg tre ting, og lad resten ude:
- Servernavnet, så stort som pladsen tillader.
- Én krog: spiltilstanden eller den ene ting, der gør dig anderledes, f.eks. „Survival med byer“ eller „Skyblock 1.21“.
- Adressen, så spillere kan kopiere den uden at åbne din side.
Lister med features, Discord-links og lange slogans kan ikke være i 60 pixels højde. Skriv dem i din serverbeskrivelse i stedet.
Trin 2: Design, så det kan læses
- Stor pixeltekst. På et 468×60-banner bør navnet fylde det meste af højden. Tynde skrifttyper og små taglines bliver bare til støj.
- Kontrast. Lys tekst med mørk kant virker på enhver baggrund, også travle landskaber og partikler.
- En rolig baggrund. Skyer, stjerner eller vand i bevægelse er fint. En baggrund, der bevæger sig lige så meget som teksten, trækker blikket væk fra navnet.
- Et første frame, der virker alene. Sørg for, at navn og adresse allerede er synlige i første frame. Nogle steder vises et stillbillede, og det er som regel det første frame.
- Farver, der passer sammen. Brug de samme farver og det samme symbol som dit serverikon og din MOTD, så spillere genkender dig på listen, i spillet og på Discord.
Trin 3: Animér uden at blinke
Animationen skal støtte banneret, ikke råbe. Langsomme partikler, et lysglimt hen over logoet eller drivende skyer fanger opmærksomheden uden at gøre teksten svær at læse.
Undgå hårde glimt og hurtig blinken. Retningslinjerne for tilgængelighed på nettet (WCAG 2.1, succeskriterium 2.3.1) siger, at indhold ikke bør blinke mere end tre gange i sekundet, fordi blink kan udløse anfald. Et blødt loop er også bare mere behageligt på en side med mange bannere.
Gør loopet sømløst: det sidste frame skal føre tilbage til det første. En animeret GIF kan gentage sig for evigt; i filen er det et loop count på 0 i NETSCAPE2.0-udvidelsen. Banner Studio eksporterer GIF’er, der looper.
Trin 4: Hold GIF-filen lille
En GIF gemmer hvert frame, og hvert frame kan have sin egen palet med op til 256 farver. Filen vokser med lærredets størrelse, antallet af frames og mængden af detaljer, der ændrer sig fra frame til frame. Disse trin gør den mindre, nogenlunde fra den største effekt til den mindste:
- Sænk billedraten. 10 til 12 frames i sekundet er nok til de fleste pixelanimationer.
- Gør loopet kortere. To til fire sekunder er rigeligt til partikler eller et lysglimt.
- Brug grovere pixels. Større art-pixels komprimeres langt bedre end fine detaljer.
- Skær fin støj og partikler væk. Små ting, der ændrer sig i hvert frame, koster mest.
- Brug færre farver. 64 farver i stedet for 128 eller 256 ser ofte helt ens ud i pixel art.
I Banner Studio anslår størrelsesmåleren filen, mens du redigerer. Hvis banneret er over grænsen, prøver „Tilpas til 2 MB“ disse trin efter hinanden og stopper, så snart filen passer.
Trin 5: Upload det, og brug det andre steder
Eksportér en GIF til animationen eller en PNG, hvis en side kun tager imod stillbilleder. På BestMCServerList kan du sende det færdige banner direkte til et af dine opslag med „Brug dette banner“ eller uploade filen i bannerfeltet i din serverformular.
På din egen hjemmeside skal billedet have en fast bredde og højde, så siden ikke hopper, mens GIF’en loader, og en meningsfuld 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 Discord-meddelelser og forumopslag har den brede 960×200-header plads til navnet, en krog og adressen i stor tekst.
Typiske fejl
| Problem | Løsning |
|---|---|
| Uploaden afvises, fordi filen er for stor | Sænk billedraten, gør loopet kortere, eller brug færre farver. Tjek grænsen på hver liste. |
| Teksten kan ikke læses i 468×60-versionen | Lav et separat design til den størrelse med kun navn og adresse. |
| Banneret ser sløret ud | Det er skaleret til en størrelse, det ikke var lavet til. Eksportér det i præcis den størrelse, listen vil have. |
| Farverne har striber eller prikker | En gradient er reduceret til for få farver. Brug ensfarvede flader, eller tillad flere farver. |
| Loopet hopper | Det sidste frame fører ikke tilbage til det første. Lad elementer i bevægelse forlade og komme ind i billedet med samme fart. |
| Alt blinker | Sæt farten ned på animationen, og undgå glimt, især mere end tre i sekundet. |
Når banneret er færdigt, hjælper det med den større opgave: at få de første spillere til din server.
