Millist bänneri suurust sul vaja on?
Ühte suurust, mida kõik serverite nimekirjad kasutaksid, ei ole. Iga nimekiri paneb ise paika laiuse, kõrguse, failitüübi ja failimahu reeglid, nii et kontrolli neid enne üleslaadimist. Need on suurused, mida Banner Studio ekspordib, ja milleks need sobivad:
| Suurus | Pikslid | Sobib |
|---|---|---|
| Klassikaline veebibänner | 468×60 | Vana IAB „full banner“ formaat. Paljud saidid ja nimekirjad kasutavad seda siiani, kuigi IAB eemaldas selle oma standardnimekirjast juba 2011. aastal. |
| Serverite nimekirja kaart | 740×200 | Bänner sinu BestMCServerListi kaardil ja serveri lehel – laiem ja kõrgem kui klassikaline bänner. |
| Lai päis | 960×200 | Veebilehtede päised, foorumipostitused ja Discordi teadaanded. |
Tee iga suuruse jaoks oma bänner, selle asemel et üht faili venitada. 740×200 kujundus, mis on 468×60 sisse surutud, kaotab suurema osa tekstist, ja pikslikunsti skaleerimine imelikesse suurustesse teeb selle uduseks.
BestMCServerList võtab bännereid vastu GIF-, PNG-, WebP- või JPEG-vormingus, kuni 2 MB.
1. samm: otsusta, mida bänner ütlema peab
Bännerit loetakse umbes nii kaua, kui sellest mööda kerimine aega võtab. Vali kolm asja ja jäta ülejäänu välja:
- Serveri nimi, nii suurelt kui ruum lubab.
- Üks konks: mängurežiim või see üks asi, mis sind eristab, näiteks „Survival linnadega“ või „Skyblock 1.21“.
- Aadress, et mängijad saaksid selle kopeerida ilma sinu lehte avamata.
Funktsioonide loetelud, Discordi lingid ja pikad loosungid 60 piksli kõrgusesse ei mahu. Pane need hoopis oma serveri kirjeldusse.
2. samm: kujunda loetavust silmas pidades
- Suur pikslitekst. 468×60 bänneril peaks nimi täitma suurema osa kõrgusest. Peened fondid ja väikesed alapealkirjad muutuvad müraks.
- Kontrast. Hele tekst tumeda äärisega töötab igal taustal, ka kirjude maastike ja osakeste peal.
- Rahulik taust. Liikuvad pilved, tähed või vesi sobivad. Taust, mis liigub sama palju kui tekst, tõmbab pilgu nimelt eemale.
- Esimene kaader, mis töötab üksi. Veendu, et nimi ja aadress on näha juba esimeses kaadris. Mõned kohad näitavad liikumatut pilti ja see on tavaliselt esimene kaader.
- Kokkusobivad värvid. Kasuta samu värve ja sümbolit mis oma serveri ikoonil ja MOTD-s, et mängijad tunneksid sind ära nii nimekirjas, mängus kui ka Discordis.
3. samm: animeeri ilma vilkumiseta
Animatsioon peaks bännerit toetama, mitte karjuma. Aeglased osakesed, kerge valgusvöö üle logo või triivivad pilved tõmbavad tähelepanu, ilma et tekst raskesti loetavaks muutuks.
Väldi teravaid sähvatusi ja kiiret vilkumist. Veebi ligipääsetavuse juhised (WCAG 2.1, edukriteerium 2.3.1) ütlevad, et sisu ei tohiks sähvatada rohkem kui kolm korda sekundis, sest vilkumine võib esile kutsuda krambihooge. Sujuv tsükkel on ka lihtsalt meeldivam lehel, kus on palju bännereid.
Tee tsükkel õmblusteta: viimane kaader peaks viima tagasi esimesse. Animeeritud GIF võib korduda lõputult; failis on see NETSCAPE2.0 laienduses korduste arv 0. Banner Studio ekspordib korduvaid GIF-e.
4. samm: hoia GIF-fail väike
GIF salvestab iga kaadri ja igal kaadril võib olla oma palett kuni 256 värviga. Fail kasvab koos lõuendi suuruse, kaadrite arvu ja selle detailide hulgaga, mis kaadrist kaadrisse muutuvad. Need sammud teevad faili väiksemaks, umbes suurimast mõjust väikseimani:
- Vähenda kaadrisagedust. 10–12 kaadrit sekundis on enamiku pikslianimatsioonide jaoks piisav.
- Lühenda tsüklit. Kahest neljani sekundit on osakeste või valgusvöö jaoks täiesti küllalt.
- Kasuta jämedamaid piksleid. Suuremad kunstipikslid pakivad palju paremini kui peened detailid.
- Kärbi peent müra ja osakesi. Väikesed asjad, mis igas kaadris muutuvad, maksavad kõige rohkem.
- Kasuta vähem värve. 64 värvi 128 või 256 asemel näeb pikslikunstis sageli välja täpselt sama.
Banner Studios hindab mahumõõdik faili suurust juba muutmise ajal. Kui bänner on üle piiri, proovib 2 MB alla mahutamise nupp neid samme üksteise järel ja peatub kohe, kui fail mahub.
5. samm: laadi üles ja kasuta mujal
Ekspordi animatsiooni jaoks GIF või, kui sait võtab vastu ainult liikumatuid pilte, PNG. BestMCServerListis saad valmis bänneri nupuga „Kasuta seda bännerit“ otse ühele oma kandele saata või laadida faili üles oma serveri vormi bänneri väljal.
Oma veebilehel anna pildile kindel laius ja kõrgus, et leht GIF-i laadimise ajal ei hüppaks, ning sisukas 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>Discordi teadaannete ja foorumipostituste jaoks on laias 960×200 päises ruumi nimele, konksule ja aadressile suures kirjas.
Levinud vead
| Probleem | Lahendus |
|---|---|
| Üleslaadimine lükatakse liiga suurena tagasi | Vähenda kaadrisagedust, lühenda tsüklit või kasuta vähem värve. Kontrolli iga nimekirja piirangut. |
| Tekst on 468×60 versioonil loetamatu | Tee selle suuruse jaoks eraldi kujundus, kus on ainult nimi ja aadress. |
| Bänner näeb udune välja | See skaleeriti suurusesse, mille jaoks seda ei tehtud. Ekspordi täpselt selles suuruses, mida nimekiri tahab. |
| Värvides on triibud või täpid | Gradient vähendati liiga väheste värvideni. Kasuta ühtlaseid värvipindu või luba rohkem värve. |
| Tsükkel hüppab | Viimane kaader ei vii tagasi esimesse. Lase liikuvatel elementidel kaadrist lahkuda ja sinna siseneda sama kiirusega. |
| Kõik vilgub | Aeglusta animatsiooni ja väldi sähvatusi, eriti rohkem kui kolme sekundis. |
Kui bänner on valmis, aitab see suuremas ülesandes: esimeste mängijate toomisel oma serverisse.
