Која големина на банер ти треба?
Нема една големина што ја користат сите листи на сервери. Секоја листа си има свои правила за ширина, висина, тип и големина на датотеката, па провери ги пред да прикачиш. Ова се големините што ги извезува Banner Studio и за што се добри:
| Големина | Пиксели | Добро за |
|---|---|---|
| Класичен веб-банер | 468×60 | Стариот IAB формат „full banner“. Многу сајтови и листи сѐ уште го користат, иако IAB го отстрани од својата стандардна листа во 2011. |
| Картичка на листа на сервери | 740×200 | Банерот на твојата картичка и страница на серверот на BestMCServerList, кој е поширок и повисок од класичниот банер. |
| Широко заглавие | 960×200 | Заглавија на веб-страници, објави на форуми и најави на Discord. |
Направи посебен банер за секоја големина наместо да развлекуваш една датотека. Дизајн од 740×200 стиснат во 468×60 го губи поголемиот дел од текстот, а скалирањето пиксел арт на чудни големини го прави заматен.
BestMCServerList прифаќа банери во GIF, PNG, WebP или JPEG, до 2 MB.
Чекор 1: Одлучи што треба да каже банерот
Банерот се чита отприлика за времето додека скролаш покрај него. Избери три работи, а останатото изостави го:
- Името на серверот, онолку големо колку што дозволува просторот.
- Една кука: модот на игра или единственото нешто по кое се разликуваш, на пример „Survival со градови“ или „Skyblock 1.21“.
- Адресата, за играчите да можат да ја копираат без да ја отвораат твојата страница.
Листи со функции, Discord линкови и долги слогани не собираат во 60 пиксели висина. Наместо тоа, стави ги во описот на серверот.
Чекор 2: Дизајнирај за читливост
- Голем пиксел текст. На банер од 468×60 името треба да ја пополни речиси целата висина. Тенките фонтови и ситните слогани стануваат шум.
- Контраст. Светол текст со темен раб работи на секоја позадина, вклучувајќи пренатрупани пејзажи и честички.
- Мирна позадина. Облаци, ѕвезди или вода што се движат се во ред. Позадина што се движи колку и текстот го одвлекува окото од името.
- Прва слика што функционира сама. Погрижи се името и адресата да се видливи веќе во првиот фрејм. Некои места прикажуваат статична слика, а тоа обично е првиот фрејм.
- Усогласени бои. Користи ги истите бои и симбол како на твојата икона за серверот и твојот MOTD, за играчите да те препознаваат на листата, во играта и на Discord.
Чекор 3: Анимирај без трепкање
Анимацијата треба да го поддржува банерот, а не да вика. Бавни честички, светол одблесок преку логото или облаци што лебдат привлекуваат внимание без да го отежнат читањето на текстот.
Избегнувај остри блесоци и брзо трепкање. Упатствата за веб-пристапност (WCAG 2.1, критериум за успех 2.3.1) велат дека содржината не треба да трепка повеќе од три пати во секунда, бидејќи трепкањето може да предизвика напади. Мазниот циклус е исто така едноставно попријатен на страница со многу банери.
Направи го циклусот беспрекорен: последниот фрејм треба да води назад кон првиот. Анимираниот GIF може да се повторува бесконечно; во датотеката тоа е loop count 0 во екстензијата NETSCAPE2.0. Banner Studio извезува GIF-ови што се вртат во круг.
Чекор 4: Нека GIF датотеката остане мала
GIF го чува секој фрејм, а секој фрејм може да има своја палета до 256 бои. Датотеката расте со големината на платното, бројот на фрејмови и количината детали што се менуваат од фрејм до фрејм. Овие чекори ја намалуваат, приближно од најголемиот ефект кон најмалиот:
- Намали го бројот на фрејмови во секунда. 10 до 12 фрејмови во секунда се доволни за повеќето пиксел анимации.
- Скрати го циклусот. Две до четири секунди се сосема доволно за честички или светол одблесок.
- Користи покрупни пиксели. Поголемите пиксели во цртежот се компресираат многу подобро од ситните детали.
- Исечи ситен шум и честички. Ситните работи што се менуваат во секој фрејм чинат најмногу.
- Користи помалку бои. 64 бои наместо 128 или 256 кај пиксел арт често изгледаат исто.
Во Banner Studio мерачот на големина ја проценува датотеката додека уредуваш. Ако банерот е над лимитот, „Make it fit 2 MB“ ги пробува овие чекори еден по друг и запира штом датотеката ќе собере.
Чекор 5: Прикачи го и користи го и на други места
Извези GIF за анимацијата или PNG ако некој сајт прифаќа само статични слики. На BestMCServerList можеш готовиот банер директно да го испратиш на некој од твоите сервери со „Use this banner“ или да ја прикачиш датотеката во полето за банер во формуларот на серверот.
На твојата веб-страница, дај ѝ на сликата фиксна ширина и висина, за страницата да не скока додека се вчитува GIF-от, и смислен alt текст:
<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 и објави на форуми, широкото заглавие од 960×200 има место за името, куката и адресата со голем текст.
Чести грешки
| Проблем | Решение |
|---|---|
| Прикачувањето е одбиено како преголемо | Намали ги фрејмовите во секунда, скрати го циклусот или користи помалку бои. Провери го лимитот на секоја листа. |
| Текстот не се чита во верзијата 468×60 | Направи посебен дизајн за таа големина само со името и адресата. |
| Банерот изгледа заматено | Скалиран е на големина за која не е направен. Извези го точно во големината што ја бара листата. |
| Боите имаат ленти или точки | Градиент е намален на премалку бои. Користи рамни површини со боја или дозволи повеќе бои. |
| Циклусот скока | Последниот фрејм не води назад кон првиот. Нека подвижните елементи излегуваат и влегуваат во кадарот со иста брзина. |
| Сѐ трепка | Забави ја анимацијата и избегнувај блесоци, особено повеќе од три во секунда. |
Кога банерот ќе биде готов, тој помага во поголемата задача: да ги доведеш првите играчи на твојот сервер.
