De ce dimensiune de banner ai nevoie?
Nu există o singură dimensiune folosită de toate listele de servere. Fiecare listă își stabilește propriile reguli pentru lățime, înălțime, tip de fișier și mărime, așa că verifică-le înainte să încarci. Acestea sunt dimensiunile pe care le exportă Banner Studio și la ce sunt bune:
| Dimensiune | Pixeli | Bun pentru |
|---|---|---|
| Banner web clasic | 468×60 | Vechiul format IAB „full banner”. Multe site-uri și liste încă îl folosesc, deși IAB l-a scos din lista standard în 2011. |
| Card în lista de servere | 740×200 | Bannerul de pe cardul și pagina serverului tău pe BestMCServerList, mai lat și mai înalt decât un banner clasic. |
| Header lat | 960×200 | Headere de site, postări pe forum și anunțuri pe Discord. |
Fă câte un banner pentru fiecare dimensiune în loc să întinzi un singur fișier. Un design de 740×200 înghesuit în 468×60 își pierde aproape tot textul, iar pixel artul scalat la dimensiuni ciudate devine neclar.
BestMCServerList acceptă bannere GIF, PNG, WebP sau JPEG, de până la 2 MB.
Pasul 1: Decide ce trebuie să spună bannerul
Un banner e citit cam în timpul în care derulezi pe lângă el. Alege trei lucruri și lasă restul deoparte:
- Numele serverului, cât de mare permite spațiul.
- Un singur cârlig: modul de joc sau lucrul care te face diferit, de exemplu „Survival cu orașe” sau „Skyblock 1.21”.
- Adresa, ca jucătorii s-o poată copia fără să-ți deschidă pagina.
Listele de funcții, linkurile de Discord și sloganurile lungi nu încap în 60 de pixeli înălțime. Pune-le în descrierea serverului.
Pasul 2: Proiectează pentru lizibilitate
- Text pixelat mare. Pe un banner de 468×60, numele ar trebui să ocupe aproape toată înălțimea. Fonturile subțiri și sloganurile mici devin zgomot.
- Contrast. Textul deschis cu contur închis merge pe orice fundal, inclusiv pe peisaje aglomerate și particule.
- Un fundal calm. Norii, stelele sau apa în mișcare sunt în regulă. Un fundal care se mișcă la fel de mult ca textul trage privirea de la nume.
- Un prim cadru care stă singur în picioare. Asigură-te că numele și adresa se văd deja în primul cadru. Unele locuri arată o imagine statică, iar aceea e de obicei primul cadru.
- Culori potrivite. Folosește aceleași culori și același simbol ca în iconița serverului și în MOTD, ca jucătorii să te recunoască în listă, în joc și pe Discord.
Pasul 3: Animează-l fără să clipească
Animația trebuie să susțină bannerul, nu să strige. Particulele lente, o lumină care trece peste logo sau norii care plutesc atrag atenția fără să facă textul greu de citit.
Evită fulgerările puternice și clipitul rapid. Ghidurile de accesibilitate web (WCAG 2.1, criteriul de succes 2.3.1) spun că un conținut nu ar trebui să fulgere de mai mult de trei ori pe secundă, pentru că fulgerările pot declanșa crize. O buclă lină e pur și simplu și mai plăcută pe o pagină cu multe bannere.
Fă bucla fără cusătură: ultimul cadru trebuie să ducă înapoi în primul. Un GIF animat se poate repeta la nesfârșit; în fișier asta e un loop count de 0 în extensia NETSCAPE2.0. Banner Studio exportă GIF-uri în buclă.
Pasul 4: Ține fișierul GIF mic
Un GIF stochează fiecare cadru, iar fiecare cadru poate avea propria paletă de până la 256 de culori. Fișierul crește cu mărimea pânzei, numărul de cadre și cantitatea de detalii care se schimbă de la un cadru la altul. Pașii ăștia îl micșorează, aproximativ de la efectul cel mai mare la cel mai mic:
- Scade frame rate-ul. 10–12 cadre pe secundă ajung pentru majoritatea animațiilor pixelate.
- Scurtează bucla. Două–patru secunde sunt destul pentru particule sau o lumină care trece.
- Folosește pixeli mai mari. Pixelii mari de artă se comprimă mult mai bine decât detaliile fine.
- Taie zgomotul fin și particulele. Lucrurile mici care se schimbă în fiecare cadru costă cel mai mult.
- Folosește mai puține culori. 64 de culori în loc de 128 sau 256 arată adesea la fel în pixel art.
În Banner Studio, indicatorul de mărime estimează fișierul în timp ce editezi. Dacă bannerul depășește limita, „Make it fit 2 MB” încearcă acești pași unul după altul și se oprește imediat ce fișierul încape.
Pasul 5: Încarcă-l și folosește-l și în alte locuri
Exportă un GIF pentru animație sau un PNG dacă un site acceptă doar imagini statice. Pe BestMCServerList poți trimite bannerul gata făcut direct la una dintre listările tale cu „Use this banner” sau poți încărca fișierul în câmpul de banner din formularul serverului.
Pe propriul site, dă imaginii o lățime și o înălțime fixe, ca pagina să nu sară cât se încarcă GIF-ul, și un text alt cu sens:
<a href="https://example.com/">
<img src="/img/banner-468x60.gif" width="468" height="60"
alt="MyServer – Survival with towns – play.example.com">
</a>Pentru anunțurile pe Discord și postările pe forum, headerul lat de 960×200 are loc pentru nume, un cârlig și adresă, toate cu text mare.
Greșeli frecvente
| Problemă | Soluție |
|---|---|
| Încărcarea e respinsă ca prea mare | Scade frame rate-ul, scurtează bucla sau folosește mai puține culori. Verifică limita fiecărei liste. |
| Textul e ilizibil pe varianta de 468×60 | Fă un design separat pentru dimensiunea asta, doar cu numele și adresa. |
| Bannerul arată neclar | A fost scalat la o dimensiune pentru care nu a fost făcut. Exportă-l exact la dimensiunea cerută de listă. |
| Culorile au benzi sau puncte | Un gradient a fost redus la prea puține culori. Folosește suprafețe de culoare plate sau permite mai multe culori. |
| Bucla sare | Ultimul cadru nu duce înapoi în primul. Fă elementele în mișcare să iasă și să intre în cadru cu aceeași viteză. |
| Totul clipește | Încetinește animația și evită fulgerările, mai ales mai mult de trei pe secundă. |
Odată ce bannerul e gata, te ajută la treaba mai mare: să aduci primii jucători pe server.
