Cilën madhësi banneri të duhet?
Nuk ka një madhësi të vetme që e përdorin të gjitha listat e serverëve. Çdo listë vendos rregullat e veta për gjerësinë, lartësinë, llojin e skedarit dhe madhësinë e tij, ndaj kontrolloji para se të ngarkosh. Këto janë madhësitë që eksporton Banner Studio dhe për çfarë shërbejnë:
| Madhësia | Pikselë | E mirë për |
|---|---|---|
| Banner klasik uebi | 468×60 | Formati i vjetër IAB „full banner“. Shumë faqe dhe lista e përdorin ende, edhe pse IAB e hoqi nga lista e vet standarde në 2011. |
| Karta në listën e serverëve | 740×200 | Banneri në kartën tënde dhe në faqen e serverit në BestMCServerList, më i gjerë dhe më i lartë se një banner klasik. |
| Header i gjerë | 960×200 | Header-a faqesh interneti, postime në forume dhe njoftime në Discord. |
Bëj një banner për çdo madhësi në vend që të zgjasësh një skedar të vetëm. Një dizajn 740×200 i shtrydhur në 468×60 humbet pjesën më të madhe të tekstit, dhe shkallëzimi i pixel art-it në madhësi të çuditshme e bën të turbullt.
BestMCServerList pranon bannerë në GIF, PNG, WebP ose JPEG, deri në 2 MB.
Hapi 1: Vendos çfarë duhet të thotë banneri
Një banner lexohet përafërsisht në kohën që të duhet për të kaluar me scroll pranë tij. Zgjidh tri gjëra dhe lëri të tjerat jashtë:
- Emri i serverit, aq i madh sa e lejon hapësira.
- Një grep: mënyra e lojës ose e vetmja gjë që të dallon, për shembull „Survival me qytete“ ose „Skyblock 1.21“.
- Adresa, që lojtarët ta kopjojnë pa e hapur faqen tënde.
Listat e veçorive, linket e Discord-it dhe sloganet e gjata nuk futen në 60 pikselë lartësi. Vendosi në përshkrimin e serverit.
Hapi 2: Dizajno për lexueshmëri
- Tekst pixel i madh. Në një banner 468×60 emri duhet të mbushë pjesën më të madhe të lartësisë. Fontet e holla dhe sloganet e vogla shndërrohen në zhurmë.
- Kontrast. Teksti i çelët me kontur të errët funksionon mbi çdo sfond, edhe mbi peizazhe të ngarkuara dhe grimca.
- Një sfond i qetë. Retë, yjet ose uji në lëvizje janë në rregull. Një sfond që lëviz po aq sa teksti e tërheq syrin larg emrit.
- Një kuadër i parë që qëndron vetë. Sigurohu që emri dhe adresa të duken që në kuadrin e parë. Disa vende shfaqin një imazh statik, dhe ai zakonisht është kuadri i parë.
- Ngjyra që përputhen. Përdor të njëjtat ngjyra dhe simbol si në ikonën e serverit dhe në MOTD, që lojtarët të të njohin në listë, në lojë dhe në Discord.
Hapi 3: Animoje pa xixëllime
Animacioni duhet ta mbështesë bannerin, jo të bërtasë. Grimcat e ngadalta, një rrezatim drite mbi logon ose retë që rrëshqasin tërheqin vëmendjen pa e bërë tekstin të vështirë për t’u lexuar.
Shmang xixëllimet e forta dhe pulsimin e shpejtë. Udhëzimet për aksesueshmërinë në ueb (WCAG 2.1, kriteri i suksesit 2.3.1) thonë se përmbajtja nuk duhet të xixëllojë më shumë se tri herë në sekondë, sepse xixëllimi mund të shkaktojë kriza epileptike. Një loop i butë është edhe thjesht më i këndshëm në një faqe me shumë bannerë.
Bëje loop-in pa qepje: kuadri i fundit duhet të të çojë sërish te i pari. Një GIF i animuar mund të përsëritet pafundësisht; në skedar kjo është loop count 0 në zgjerimin NETSCAPE2.0. Banner Studio eksporton GIF-e që përsëriten.
Hapi 4: Mbaje skedarin GIF të vogël
Një GIF ruan çdo kuadër, dhe çdo kuadër mund të ketë paletën e vet me deri në 256 ngjyra. Skedari rritet me madhësinë e kanavacës, numrin e kuadrove dhe sasinë e detajeve që ndryshojnë nga një kuadër në tjetrin. Këta hapa e zvogëlojnë, përafërsisht nga efekti më i madh te më i vogli:
- Ul frame rate-in. 10 deri në 12 kuadro në sekondë mjaftojnë për shumicën e animacioneve pixel.
- Shkurtoje loop-in. Dy deri në katër sekonda mjaftojnë plotësisht për grimca ose një rrezatim drite.
- Përdor pikselë më të trashë. Pikselët e mëdhenj të artit kompresohen shumë më mirë se detajet e imta.
- Hiq zhurmën e imët dhe grimcat. Gjërat e vogla që ndryshojnë në çdo kuadër kushtojnë më shumë.
- Përdor më pak ngjyra. 64 ngjyra në vend të 128 ose 256 shpesh duken njësoj në pixel art.
Në Banner Studio matësi i madhësisë e vlerëson skedarin ndërsa redakton. Nëse banneri e kalon kufirin, „Make it fit 2 MB“ i provon këta hapa njëri pas tjetrit dhe ndalet sapo skedari të futet brenda.
Hapi 5: Ngarkoje dhe përdore edhe gjetkë
Eksporto një GIF për animacionin, ose një PNG nëse një faqe pranon vetëm imazhe statike. Në BestMCServerList mund ta dërgosh bannerin e gatshëm direkt te një nga listimet e tua me „Use this banner“, ose ta ngarkosh skedarin në fushën e bannerit në formularin e serverit.
Në faqen tënde të internetit, jepi imazhit një gjerësi dhe lartësi fikse, që faqja të mos kërcejë ndërsa ngarkohet GIF-i, dhe një tekst alt kuptimplotë:
<a href="https://example.com/">
<img src="/img/banner-468x60.gif" width="468" height="60"
alt="MyServer – Survival with towns – play.example.com">
</a>Për njoftime në Discord dhe postime në forume, header-i i gjerë 960×200 ka vend për emrin, një grep dhe adresën me tekst të madh.
Gabimet e zakonshme
| Problemi | Zgjidhja |
|---|---|
| Ngarkimi refuzohet si shumë i madh | Ul frame rate-in, shkurtoje loop-in ose përdor më pak ngjyra. Kontrollo kufirin e çdo liste. |
| Teksti nuk lexohet në versionin 468×60 | Bëj një dizajn më vete për atë madhësi, vetëm me emrin dhe adresën. |
| Banneri duket i turbullt | Është shkallëzuar në një madhësi për të cilën nuk është bërë. Eksportoje në madhësinë e saktë që kërkon lista. |
| Ngjyrat kanë breza ose pika | Një gradient është reduktuar në shumë pak ngjyra. Përdor sipërfaqe me ngjyrë të njëtrajtshme ose lejo më shumë ngjyra. |
| Loop-i kërcen | Kuadri i fundit nuk të çon sërish te i pari. Bëj që elementet në lëvizje të dalin dhe të hyjnë në kuadër me të njëjtën shpejtësi. |
| Gjithçka pulson | Ngadalëso animacionin dhe shmang xixëllimet, sidomos më shumë se tri në sekondë. |
Pasi banneri të jetë gati, ai ndihmon në punën më të madhe: të sjellësh lojtarët e parë në serverin tënd.