- Ana sayfa
- Oluşturucular ve Kodlayıcılar
- Favicon ve PWA İkon Oluşturucu
Favicon ve PWA İkon Oluşturucu
Kare bir görsel seçin, mümkünse en az 512×512 piksel. Bu sayfa onu tarayıcıların istediği boyutlara keser ve bir favicon.ico üretir. Kırpma ortadan yapılır.
Ne işe yarar?Şeffaf bir kare üzerindeki sade bir işaret, fotoğraftan daha iyi çalışır. 512×512 piksel veya daha büyük.
İkonlar burada görünecek.
Ne işe yarar?
Tarayıcı sekmesindeki küçük simge, iPhone ana ekranındaki simge ve Android’in siteyi kurunca gösterdiği simge aynı dosya değildir. Farklı piksel boyutları isterler. Burada bir görsel seçin; sayfa her boyutu PNG olarak yazar, bir de favicon.ico üretir.
Ne çıkar
- 16, 32 ve 48 piksel PNG — klasik sekme simgesi (favicon).
- 180 piksel PNG — iOS ana ekranı (apple-touch-icon).
- 192 ve 512 piksel PNG — Chrome ve Android’in okuduğu web uygulaması bildirimi (manifest).
- favicon.ico — 16, 32 ve 48 piksel, tek bir .ico dosyasında. Hâlâ /favicon.ico isteyen eski tarayıcılar için.
Dosyaları siteye nasıl koyarsınız
Dosyaları sitenin köküne veya /pwa gibi bir klasöre kaydedin. HTML’de: 32 piksel PNG’ye rel="icon" bağlantısı, 180 piksel PNG’ye rel="apple-touch-icon". manifest.json içindeki ikon listesi 192 ve 512’yi göstermelidir. Bu sayfadaki kutu, kopyalamaya hazır o listedir. Kare olmayan görselin boş kenarları ortadan kırpılarak dolar; şeffaflık yerine beyaz arka plan istiyorsanız beyaz doldur kutusunu işaretleyin.
Tarayıcıda kalır
Görsel yüklenmez. 16 pikselde bir fotoğraf gürültüye döner; kalın bir şekil veya bir harf daha net okunur.