Web Uygulaması Bildirim Kılavuzu
Bir web uygulaması bildirimi (site.webmanifest), yüklenebilir tarayıcılara uygulama adınızı, renklerinizi ve ana ekranda hangi simge boyutlarının kullanılacağını bildirir. Eksiksiz bir PWA favicon kurulumu için 192×192 ve 512×512 PNG simgeleriyle eşleştirin.
Manifest'i <link rel = "manifest" href = "/site.webmanifest"> ile bağlayın. JSON'un içinde simgeler dizisi, image/png türünde ve herhangi bir amaçla en az 192×192 ve 512×512 girişler içermelidir (gerekirse Android uyarlanabilir simgeler için maskelenebilir değişkenler ekleyin).
Tema_rengi ve arka plan_rengi'ni markanıza uyacak şekilde ayarlayın; yükleme sırasında tarayıcı kromunu ve açılış ekranını kontrol ederler.
Nasıl çalışır
- 1
PNG simgelerini oluştur
Favicon oluşturucu paketimizden 192 ve 512.
- 2
site.webmanifest'i oluşturun
Ad, kısa_ad, simgeler, tema_rengi ve ekranı ekleyin.
- 3
HTML'deki bağlantı
<link rel="manifest" href="/site.webmanifest"> artı tema rengi metası.
Hemen deneyin
PWA simge paketi oluştur
Favicon OluşturucuSSS
Temel bir web sitesi için manifest gerekli midir?+
Hayır — yalnızca ana ekrana kurulum veya daha zengin Android krom istiyorsanız. Favicon.ico tek başına sekmeler için çalışır.
Bildiride hangi simge boyutları yer alıyor?+
Kurulum istemleri için 192×192 ve 512×512 gereklidir. Parlatmak için 384 veya maskelenebilir simgeler ekleyin.
Bildirimde SVG'i kullanabilir miyim?+
Chromium bazı durumlarda SVG'i destekler ancak PNG, tarayıcılar arası yükleme kullanıcı arayüzleri için güvenli varsayılandır.
İlgili araçlar
Favicon Oluşturucu
Her cihaz ve tarayıcı için eksiksiz bir favicon paketi (ICO + PNG) oluşturun.
PNG'den ICO'ya Dönüştürücü
Windows ikonları, uygulama simgeleri ve web sitesi favicon'ları için ücretsiz online PNG'den ICO'ya dönüştürücü.
Resim Boyutlandırıcı
PNG, JPG ve WebP resimlerini tam boyutlarına yeniden boyutlandırın.