Milyen bannerméret kell?
Nincs egyetlen méret, amit minden szerverlista használ. Minden lista maga szabja meg a szélességet, a magasságot, a fájltípust és a fájlméretet, ezért feltöltés előtt nézd meg a szabályait. Ezeket a méreteket exportálja a Banner Studio, és ezekre jók:
| Méret | Pixel | Mire jó |
|---|---|---|
| Klasszikus webbanner | 468×60 | A régi IAB „full banner” formátum. Sok oldal és lista még mindig használja, pedig az IAB 2011-ben kivette a szabványlistájából. |
| Szerverlista-kártya | 740×200 | A banner a BestMCServerList-kártyádon és a szerveroldaladon, szélesebb és magasabb a klasszikus bannernél. |
| Széles fejléc | 960×200 | Weboldal-fejlécek, fórumposztok és Discord-bejelentések. |
Minden mérethez készíts külön bannert, ahelyett hogy egy fájlt nyújtanál. Egy 740×200-as dizájn 468×60-ba préselve elveszíti a szövege nagy részét, a pixel art furcsa méretre skálázva pedig elmosódik.
A BestMCServerList GIF, PNG, WebP vagy JPEG bannert fogad el, legfeljebb 2 MB-ig.
1. lépés: Döntsd el, mit kell mondania a bannernek
Egy bannert nagyjából annyi idő alatt olvasnak el, amíg elgörgetnek mellette. Válassz ki három dolgot, a többit hagyd ki:
- A szerver neve, akkorára, amekkorát a hely enged.
- Egy horog: a játékmód, vagy az az egy dolog, amiben más vagy, például „Survival városokkal” vagy „Skyblock 1.21”.
- A cím, hogy a játékosok az oldalad megnyitása nélkül is kimásolhassák.
Funkciólisták, Discord-linkek és hosszú szlogenek nem férnek el 60 pixel magasságban. Ezeket inkább a szerverleírásba írd.
2. lépés: Tervezz olvashatóra
- Nagy pixeles szöveg. Egy 468×60-as banneren a név töltse ki a magasság nagy részét. A vékony betűk és az apró szlogenek zajjá válnak.
- Kontraszt. A világos szöveg sötét körvonallal bármilyen háttéren működik, a zsúfolt tájképeken és részecskéken is.
- Nyugodt háttér. Mozgó felhők, csillagok vagy víz rendben vannak. Ha a háttér annyit mozog, mint a szöveg, elvonja a szemet a névről.
- Egy első képkocka, ami önmagában is működik. Ügyelj rá, hogy a név és a cím már az első kockán látszódjon. Egyes helyek állóképet mutatnak, és az általában az első kocka.
- Összeillő színek. Ugyanazokat a színeket és szimbólumot használd, mint a szerverikonodon és a MOTD-dben, hogy a játékosok felismerjenek a listán, a játékban és a Discordon is.
3. lépés: Animáld villogás nélkül
Az animáció támogassa a bannert, ne kiabáljon. A lassú részecskék, egy fénysáv a logón vagy úszó felhők felkeltik a figyelmet anélkül, hogy nehezen olvashatóvá tennék a szöveget.
Kerüld a kemény villanásokat és a gyors villogást. A webes akadálymentességi irányelvek (WCAG 2.1, 2.3.1-es sikerkritérium) szerint a tartalom ne villanjon másodpercenként háromnál többször, mert a villogás rohamot válthat ki. Egy sima loop ráadásul egyszerűen kellemesebb egy sok bannert mutató oldalon.
Legyen a loop zökkenőmentes: az utolsó képkocka vezessen vissza az elsőbe. Egy animált GIF a végtelenségig ismétlődhet; a fájlban ez a NETSCAPE2.0 kiterjesztés 0-s ismétlésszáma. A Banner Studio ismétlődő GIF-eket exportál.
4. lépés: Tartsd kicsin a GIF-fájlt
Egy GIF minden képkockát eltárol, és minden kockának lehet saját, legfeljebb 256 színű palettája. A fájl a vászon méretével, a képkockák számával és a kockáról kockára változó részletek mennyiségével nő. Ezek a lépések csökkentik, nagyjából a legnagyobb hatástól a legkisebbig:
- Csökkentsd a képkockasebességet. A legtöbb pixelanimációhoz elég másodpercenként 10–12 kocka.
- Rövidítsd a loopot. Részecskékhez vagy fénysávhoz bőven elég két-négy másodperc.
- Használj nagyobb pixeleket. A nagyobb art pixelek sokkal jobban tömöríthetők, mint a finom részletek.
- Vágd ki a finom zajt és a részecskéket. A kis dolgok, amelyek minden kockán változnak, kerülnek a legtöbbe.
- Használj kevesebb színt. Pixel artban a 64 szín a 128 vagy 256 helyett gyakran ugyanúgy néz ki.
A Banner Studióban a méretmérő szerkesztés közben megbecsüli a fájlt. Ha a banner túllépi a korlátot, a „Férjen bele 2 MB-ba” egymás után kipróbálja ezeket a lépéseket, és leáll, amint a fájl belefér.
5. lépés: Töltsd fel, és használd máshol is
Exportálj GIF-et az animációhoz, vagy PNG-t, ha egy oldal csak állóképet fogad el. A BestMCServerListen a kész bannert a „Banner használata” gombbal egyenesen az egyik listázásodra küldheted, vagy feltöltheted a fájlt a szerverűrlap banner mezőjében.
A saját weboldaladon adj a képnek fix szélességet és magasságot, hogy az oldal ne ugráljon, amíg a GIF betölt, és egy értelmes alt szöveget:
<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-bejelentésekhez és fórumposztokhoz a széles 960×200-as fejlécen nagy betűkkel is elfér a név, egy horog és a cím.
Gyakori hibák
| Probléma | Megoldás |
|---|---|
| A feltöltést túl nagynak utasítják el | Csökkentsd a képkockasebességet, rövidítsd a loopot, vagy használj kevesebb színt. Nézd meg minden lista korlátját. |
| A 468×60-as változaton olvashatatlan a szöveg | Készíts külön dizájnt erre a méretre, csak a névvel és a címmel. |
| A banner elmosódott | Olyan méretre skálázták, amire nem készült. Pontosan abban a méretben exportáld, amit a lista kér. |
| A színek sávosak vagy pöttyösek | Egy színátmenetet túl kevés színre csökkentettek. Használj egyszínű felületeket, vagy engedj több színt. |
| A loop ugrik | Az utolsó kocka nem vezet vissza az elsőbe. A mozgó elemek ugyanazzal a sebességgel lépjenek ki és be a képből. |
| Minden villog | Lassítsd az animációt, és kerüld a villanásokat, főleg a másodpercenként háromnál többet. |
Ha kész a banner, az a nagyobb feladatban is segít: megszerezni az első játékosokat a szerveredre.
