Favicon paketi oluşturma ve doğru dosyaları siteye ekleme

Basit ve desteklenen kaynak görsel hazırlayın

Küçük boyutta da tanınan bir simge seçin. Favicon Oluşturucu’ya tek, sabit PNG veya JPEG verin. Bu araçta SVG, WebP ve animasyonlu PNG girdisi desteklenmez. Dosya en fazla 8 × 1024 × 1024 bayt, toplam 8 milyon piksel ve kenar başına 4096 piksel olabilir. Küçük yazılı fotoğrafik logo, bu sınırları geçse bile okunaksız hale gelebilir. Orijinal tasarımı saklayın; raster ikon üretmek eksik ayrıntıyı yeniden oluşturmaz.

Site adı, boşluk ve arka planı seçin

Site adı alanına en fazla 80 karakterle örneğin Example Studio yazın. Her kenardaki boşluğu %0, %5, %10, %15, %20 veya %25 seçin; Şeffaflığı koru ya da Beyaz arka planı belirleyin. Görsel kırpılmadan ve esnetilmeden kareye sığdırılır. Dikdörtgen kaynakta çevrede alan kalır. Şeffaf tuval seçmek, JPEG logonun kendi opak arka planını kesip çıkarmaz. İkonları oluştur’a basıp indirmeden 16, 32 ve 192 piksellik gerçek boyut önizlemeleri inceleyin.

On dosyalı ZIP paketini kontrol edin

ZIP indir, favicons.zip dosyasını verir. Pakette 16, 32 ve 48 piksel katmanlı favicon.ico; 16, 32, 48, 180, 192 ve 512 piksellik PNG’ler; site.webmanifest; head-snippet.html ve README.txt bulunur. 180 piksel görsel apple-touch-icon.png, 192 ve 512 görseller android-chrome adlarını kullanır. Paket raster tabanlıdır; SVG ikon içermez. Büyütme uyarısı varsa küçük ikonlara özellikle bakın. Küçük girdiyi büyütmek kaybolan özellikleri geri getirmez.

Dosyaları mevcut siteyle birleştirin

ZIP’i açtıktan sonra README.txt ve head-snippet.html dosyalarını okuyun. Verilen bağlantılar dosyaların site köküne konduğunu varsayar. Siteniz dosyaları başka yerden sunuyorsa yolları uyarlayın; bağlantıları sitenin desteklenen yöntemiyle HTML head bölümüne ekleyin. Mevcut web manifest varsa uygulama ayarlarını ezmek yerine ikon kayıtlarını birleştirin. Üretilen manifest sıradan ikon tanımlar; maskable tasarım değildir. Tek başına service worker kurmaz ve siteyi yüklenebilir uygulamaya dönüştürmez.

Yalnız önizlemeyi değil, sitedeki ikonu deneyin

Eklenen ikon adreslerini açıp siteyi hedeflediğiniz tarayıcı ve cihazlarda kontrol edin. Seçilen arka planda ve sekme boyutunda okunabilirliğe bakın. Google arama favicon kurulumu, ana sayfa ve ikonun taranabilir olmasını gerektirir; yönergelere uymak sonuçlarda gösterim garantisi vermez. Paketi oluşturmak veya indirmek barındırmaya dosya yüklemez, sitenizi güncellemez. Görsel tarayıcıda yerel işlenir. Sonradan marka değişikliğini tekrar üretebilmek için kontrol ettiğiniz kaynak ve paketi saklayın.

Kaynaklar

• Google Search Central: Favicon setup
• Kervoni: Package contents and placement rules