Animasyonlu Minecraft sunucu banner’ları: boyut, dosya boyutu ve okunabilirlik

Hangi banner boyutuna ihtiyacın var?

Her sunucu listesinin kullandığı tek bir boyut yok. Her liste genişlik, yükseklik, dosya türü ve dosya boyutu için kendi kurallarını koyar, o yüzden yüklemeden önce bunlara bak. Banner Studio’nun dışa aktardığı boyutlar ve ne işe yaradıkları:

Tek bir dosyayı germek yerine her boyut için ayrı bir banner yap. 468×60’a sıkıştırılmış 740×200’lük bir tasarım yazısının çoğunu kaybeder, piksel sanatını garip boyutlara ölçeklemek de onu bulanıklaştırır.

BestMCServerList GIF, PNG, WebP veya JPEG formatında, 2 MB’a kadar banner kabul ediyor.

1. adım: Banner’ın ne söylemesi gerektiğine karar ver

Bir banner, yanından kaydırıp geçmek kadar kısa bir sürede okunur. Üç şey seç, gerisini bırak:

1. Sunucu adı, alanın izin verdiği kadar büyük.
2. Tek bir kanca: oyun modu ya da seni farklı kılan tek şey, örneğin “Kasabalı Survival” veya “Skyblock 1.21”.
3. Adres, böylece oyuncular sayfanı açmadan kopyalayabilir.

Özellik listeleri, Discord linkleri ve uzun sloganlar 60 piksel yüksekliğe sığmaz. Onları sunucu açıklamana koy.

2. adım: Okunabilirlik için tasarla

• Büyük piksel yazı. 468×60’lık bir banner’da isim yüksekliğin çoğunu doldurmalı. İnce fontlar ve küçük alt sloganlar gürültüye dönüşür.
• Kontrast. Koyu dış çizgili açık renkli yazı her arka planda işe yarar, kalabalık manzaralarda ve partiküllerde bile.
• Sakin bir arka plan. Hareket eden bulutlar, yıldızlar veya su sorun değil. Yazı kadar hareketli bir arka plan ise gözü isimden uzaklaştırır.
• Tek başına işe yarayan bir ilk kare. İsim ve adresin daha ilk karede görünür olduğundan emin ol. Bazı yerler hareketsiz bir resim gösterir ve bu genelde ilk karedir.
• Uyumlu renkler. Sunucu ikonun ve MOTD’n ile aynı renkleri ve sembolü kullan; böylece oyuncular seni listede, oyunda ve Discord’da tanır.

3. adım: Yanıp sönmeden animasyon yap

Animasyon banner’ı desteklemeli, bağırmamalı. Yavaş partiküller, logonun üzerinden geçen bir ışık ya da süzülen bulutlar yazıyı okumayı zorlaştırmadan dikkat çeker.

Sert parlamalardan ve hızlı yanıp sönmekten kaçın. Web erişilebilirlik yönergeleri (WCAG 2.1, başarı kriteri 2.3.1) içeriğin saniyede üç kereden fazla parlamaması gerektiğini söyler, çünkü parlamalar nöbet tetikleyebilir. Akıcı bir döngü, içinde çok sayıda banner olan bir sayfada zaten çok daha hoş görünür.

Döngüyü kesintisiz yap: son kare tekrar ilk kareye bağlanmalı. Animasyonlu bir GIF sonsuza kadar tekrarlanabilir; dosyada bu, NETSCAPE2.0 uzantısında 0 döngü sayısı olarak tutulur. Banner Studio döngülü GIF’ler dışa aktarır.

4. adım: GIF dosyasını küçük tut

Bir GIF her kareyi saklar ve her karenin 256 renge kadar kendi paleti olabilir. Dosya; tuval boyutu, kare sayısı ve kareden kareye değişen detay miktarıyla birlikte büyür. Şu adımlar onu küçültür, kabaca en büyük etkiden en küçüğe doğru:

1. Kare hızını düşür. Çoğu piksel animasyonu için saniyede 10–12 kare yeterli.
2. Döngüyü kısalt. Partiküller veya bir ışık geçişi için iki ila dört saniye fazlasıyla yeter.
3. Daha iri pikseller kullan. Büyük piksel sanatı ince detaydan çok daha iyi sıkıştırılır.
4. İnce gürültüyü ve partikülleri azalt. Her karede değişen küçük şeyler en pahalısıdır.
5. Daha az renk kullan. Piksel sanatında 128 veya 256 yerine 64 renk çoğu zaman aynı görünür.

Banner Studio’da boyut göstergesi sen düzenlerken dosya boyutunu tahmin eder. Banner sınırı aşarsa “2 MB’a sığdır” bu adımları sırayla dener ve dosya sığdığı anda durur.

5. adım: Yükle ve başka yerlerde de kullan

Animasyon için GIF, site yalnızca hareketsiz resim kabul ediyorsa PNG olarak dışa aktar. BestMCServerList’te bitmiş banner’ı “Bu banner’ı kullan” ile doğrudan sunucu sayfalarından birine gönderebilir ya da dosyayı sunucu formundaki banner alanına yükleyebilirsin.

Kendi web sitende resme sabit bir genişlik ve yükseklik ver ki GIF yüklenirken sayfa zıplamasın; bir de anlamlı bir alt metin ekle:

<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 duyuruları ve forum gönderileri için geniş 960×200 başlıkta isim, kanca ve adres büyük yazıyla rahatça sığar.

Sık yapılan hatalar

Banner bittiğinde, sunucuna ilk oyuncuları getirme gibi daha büyük işte de sana yardım eder.