Oyun siteniz için favicon paketi hazırlayın
Favicon, tarayıcı sekmesinde sitenizi temsil eden küçük simgedir. Ayrıntılı bir oyun kapağı 16 piksele küçüldüğünde okunmaz hâle gelebilir. Büyük bir başlık veya karakter portresi yerine tek bir harf, sade bir amblem ya da güçlü bir siluetle başlayın. Bu araç seçtiğiniz görselden farklı boyutlarda PNG, gerçek ICO, HTML etiketleri ve bir manifest örneği üretir.
Hangi dosya nerede kullanılır?
- favicon.ico: 16, 32 ve 48 piksel görüntüleri aynı dosyada taşır.
- icon-16.png, icon-32.png ve icon-48.png: küçük boyut kontrolü ve PNG ikon kullanımı.
- icon-180.png: apple-touch-icon etiketi için kare çıktı.
- icon-192.png ve icon-512.png: örnek web manifestinin kullandığı görseller.
ICO, PNG dosyasının uzantısı değiştirilerek oluşturulmaz; içinde ayrı boyut kayıtları ve PNG görüntüleri bulunur. Bu modern ICO biçimi çok eski ikon düzenleyicilerinde desteklenmeyebilir.
Örnek: yatay bir logoyu kare ikona dönüştürme
800 × 400 piksel bir logoyu 32 × 32 çıktıya “Tamamını sığdır” seçeneğiyle yerleştirirseniz logo 32 × 16 piksel olur; üstte ve altta boşluk kalır. “Ortadan kırp” kareyi doldurur fakat logonun yanlarını kesebilir. Yazılı logoda sığdırmayı, tek bir merkezî sembolde kırpmayı karşılaştırın. Her kenara yüzde 10 boşluk koyduğunuzda kullanılabilir kare genişliği çıktının yüzde 80’i olur.
Paketi siteye ekleme
- En az 512 × 512 piksel, sade bir kaynak seçin. Küçük kaynak büyütülebilir fakat yeni ayrıntı kazanmaz.
- Şeffaf veya tek renk arka plan seçin. Apple ana ekranı için opak arka planlı sürümü ayrıca değerlendirin.
- Paketi oluşturun; özellikle 16 ve 32 piksel görselleri inceleyin.
- ZIP dosyasını açıp içeriğini sitenizde /icons/ klasörüne koyun.
- head.html içindeki etiketleri sayfanın head bölümüne ekleyin. Sitenizde zaten manifest varsa yeni bir tane eklemek yerine ikon kayıtlarını mevcut dosyaya uyarlayın.
Manifest içindeki görsel adresleri manifest dosyasına göredir. Klasör yerini değiştirirseniz HTML yollarını da güncelleyin. Önbellek nedeniyle eski favicon görünmeye devam edebilir; dosya adresini doğrudan açıp doğru görselin sunulduğunu kontrol edin.
Şeffaflık, mobil görünüm ve sınırlar
Mobil önizleme yaklaşık bir görünümdür. İşletim sistemleri farklı şekiller ve arka planlar uygulayabilir. Çıktılar maskable olarak işaretlenmez; böyle bir ikon için ayrı güvenli alan tasarımı gerekir. Manifest örneği yalnızca ad ve ikon kayıtlarını içerir, tek başına kurulabilir bir PWA oluşturmaz. Native uygulama mağazalarının teslim kuralları da ayrıdır.
Görseller sunucuya yüklenmez. Statik PNG, JPEG ve WebP desteklenir; SVG ve animasyon kabul edilmez. Kaynak sınırı 10 MiB, 16 milyon piksel ve kenar başına 8192 pikseldir. Renk profili ve metadata korunması garanti edilmez.
Teknik kaynaklar: Microsoft: PNG içeren ICO biçimi ve MDN: manifest ikon kayıtları. Renk seçmek için Oyun Renk Paleti Oluşturucu, manifesti incelemek için JSON Düzenleyici kullanılabilir.