Di quale misura di banner hai bisogno?
Non esiste una misura unica usata da tutte le liste server. Ogni lista ha le sue regole per larghezza, altezza, tipo e peso del file, quindi controllale prima di caricare. Queste sono le misure che esporta Banner Studio e a cosa servono:
| Misura | Pixel | Adatta per |
|---|---|---|
| Banner web classico | 468×60 | Il vecchio formato IAB «full banner». Molti siti e liste lo usano ancora, anche se l’IAB l’ha tolto dal suo elenco standard nel 2011. |
| Scheda della lista server | 740×200 | Il banner sulla tua scheda e sulla pagina del server su BestMCServerList, più largo e più alto di un banner classico. |
| Intestazione larga | 960×200 | Intestazioni di siti, post nei forum e annunci su Discord. |
Fai un banner per ogni misura invece di stirare un unico file. Un design 740×200 schiacciato in 468×60 perde quasi tutto il testo, e ridimensionare la pixel art a misure strane la rende sfocata.
BestMCServerList accetta banner in GIF, PNG, WebP o JPEG, fino a 2 MB.
Passo 1: decidi cosa deve dire il banner
Un banner viene letto più o meno nel tempo che serve per scorrere oltre. Scegli tre cose e lascia perdere il resto:
- Il nome del server, grande quanto lo spazio permette.
- Un gancio: la modalità di gioco o l’unica cosa che ti rende diverso, per esempio «Survival con città» o «Skyblock 1.21».
- L’indirizzo, così i giocatori possono copiarlo senza aprire la tua pagina.
Elenchi di funzioni, link Discord e slogan lunghi non entrano in 60 pixel di altezza. Mettili piuttosto nella descrizione del server.
Passo 2: progetta pensando alla leggibilità
- Testo in pixel grande. Su un banner 468×60 il nome dovrebbe occupare quasi tutta l’altezza. Font sottili e slogan piccoli diventano rumore.
- Contrasto. Un testo chiaro con un contorno scuro funziona su qualsiasi sfondo, anche su paesaggi pieni di dettagli e particelle.
- Uno sfondo tranquillo. Nuvole, stelle o acqua in movimento vanno bene. Uno sfondo che si muove quanto il testo distoglie lo sguardo dal nome.
- Un primo fotogramma che funziona da solo. Assicurati che nome e indirizzo siano già visibili nel primo fotogramma. Alcuni posti mostrano un’immagine ferma, e di solito è il primo fotogramma.
- Colori coordinati. Usa gli stessi colori e lo stesso simbolo della tua icona del server e del tuo MOTD, così i giocatori ti riconoscono tra lista, gioco e Discord.
Passo 3: animalo senza lampeggiamenti
L’animazione deve sostenere il banner, non urlare. Particelle lente, un riflesso di luce sul logo o nuvole che scorrono attirano l’attenzione senza rendere difficile leggere il testo.
Evita lampi forti e lampeggiamenti veloci. Le linee guida per l’accessibilità del web (WCAG 2.1, criterio di successo 2.3.1) dicono che i contenuti non dovrebbero lampeggiare più di tre volte al secondo, perché i lampeggiamenti possono provocare crisi epilettiche. Un loop fluido è anche semplicemente più gradevole in una pagina piena di banner.
Rendi il loop senza stacchi: l’ultimo fotogramma deve riportare al primo. Una GIF animata può ripetersi all’infinito; nel file è un conteggio dei loop pari a 0 nell’estensione NETSCAPE2.0. Banner Studio esporta GIF in loop.
Passo 4: tieni leggero il file GIF
Una GIF memorizza ogni fotogramma, e ogni fotogramma può avere una sua palette fino a 256 colori. Il file cresce con le dimensioni dell’area, il numero di fotogrammi e la quantità di dettagli che cambiano da un fotogramma all’altro. Questi passaggi lo alleggeriscono, più o meno dall’effetto più grande al più piccolo:
- Abbassa il frame rate. Da 10 a 12 fotogrammi al secondo bastano per la maggior parte delle animazioni in pixel.
- Accorcia il loop. Da due a quattro secondi sono più che sufficienti per particelle o un riflesso di luce.
- Usa pixel più grossi. Pixel artistici più grandi si comprimono molto meglio dei dettagli fini.
- Taglia il rumore fine e le particelle. Le piccole cose che cambiano in ogni fotogramma costano di più.
- Usa meno colori. 64 colori invece di 128 o 256 spesso nella pixel art sembrano uguali.
In Banner Studio l’indicatore del peso stima il file mentre lavori. Se il banner supera il limite, «Fallo stare in 2 MB» prova questi passaggi uno dopo l’altro e si ferma appena il file ci sta.
Passo 5: caricalo e usalo anche altrove
Esporta una GIF per l’animazione, oppure un PNG se un sito accetta solo immagini ferme. Su BestMCServerList puoi inviare il banner finito direttamente a una delle tue schede con «Usa questo banner», oppure caricare il file nel campo banner del modulo del tuo server.
Sul tuo sito dai all’immagine una larghezza e un’altezza fisse, così la pagina non salta mentre la GIF si carica, e un testo alternativo sensato:
<a href="https://example.com/">
<img src="/img/banner-468x60.gif" width="468" height="60"
alt="MyServer – Survival with towns – play.example.com">
</a>Per gli annunci su Discord e i post nei forum, l’intestazione larga 960×200 ha spazio per nome, gancio e indirizzo a caratteri grandi.
Errori comuni
| Problema | Soluzione |
|---|---|
| Il caricamento viene rifiutato perché troppo pesante | Abbassa il frame rate, accorcia il loop o usa meno colori. Controlla il limite di ogni lista. |
| Il testo è illeggibile nella versione 468×60 | Fai un design separato per quella misura con solo nome e indirizzo. |
| Il banner sembra sfocato | È stato ridimensionato a una misura per cui non era fatto. Esportalo nella misura esatta richiesta dalla lista. |
| I colori hanno bande o puntini | Una sfumatura è stata ridotta a troppi pochi colori. Usa aree di colore piatte o consenti più colori. |
| Il loop salta | L’ultimo fotogramma non riporta al primo. Fai uscire ed entrare gli elementi in movimento alla stessa velocità. |
| Lampeggia tutto | Rallenta l’animazione ed evita i lampi, soprattutto più di tre al secondo. |
Quando il banner è pronto, ti aiuta nel compito più grande: portare i primi giocatori sul tuo server.
