Bu aracı rahatça kullanmak için bir dizüstü bilgisayar, masaüstü bilgisayar veya yatay modda tablet üzerinde açın.
İpucu
Tablet kullanıyorsanız, yatay moda geçin — pencere genişliği yeterince büyük olduğunda araç otomatik olarak yüklenecektir.
Tek bir görselden web siteniz için favicon.ico ve eksiksiz PNG simge seti oluşturun. Tüm işleme tarayıcıda yerel olarak gerçekleşir.
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
Favicon, sayfa başlığının yanında tarayıcı sekmesinde görünen küçük bir simgedir. Ayrıca yer imlerinde, tarama geçmişinde ve birisi siteyi kısayol olarak eklediğinde telefon ana ekranında da görürsünüz.
Bu küçük grafik önemli bir işlev görür — kullanıcıların birçok açık sekme arasında bir siteyi hızla tanımasına yardımcı olur. Birisi tarayıcıda düzinelerce sekme açtığında, favicon genellikle siteyi tanımlayan tek görünür öğedir.
Oluşturucu eksiksiz bir simge seti oluşturur: tarayıcılar için klasik favicon.ico dosyası, çeşitli boyutlarda PNG simgeleri ve Apple cihazları için apple-touch-icon. Web uygulaması (PWA) oluşturuyorsanız, manifest dosyasıyla birlikte 192x192 ve 512x512 simgeleri de oluşturabilirsiniz.
Favicon oluşturmak sadece birkaç saniye sürer:
Her boyutun kendine özgü kullanımı vardır:
favicon.ico (32×32)
Tüm tarayıcılar tarafından tanınan klasik format. Tarayıcı sekmesinde görüntülenir.
16×16 ve 32×32 PNG
Modern tarayıcılar için standart boyutlar. Sekmelerde ve yer imlerinde görüntülenir.
180×180 PNG (apple-touch-icon)
Apple cihazları (iPhone, iPad) için simge. Birisi siteyi ana ekranına eklediğinde görüntülenir.
192×192 ve 512×512 PNG
Web uygulamaları (PWA) için simgeler. Manifest tarafından gereklidir ve uygulama mağazalarında kullanılır.
PWA oluşturmuyorsanız yalnızca şunlara ihtiyacınız var: favicon.ico, 32×32 PNG ve 180×180 PNG. Bu üç dosya çoğu kullanım durumunu kapsar.
Favicon oluşturmak birkaç basit adımdır:
PNG boyutları
Varsayılan olarak oluşturucu şeffaflığı korur. Belirli bir arka plan rengi de seçebilirsiniz.
Web uygulamaları (PWA) için bir JSON dosyası. PWA oluşturmuyorsanız bu seçenek gerekli değildir.
Simgeleri oluşturduktan sonra birkaç indirme seçeneğiniz var:
Çoğu WordPress temasında site simgesini ayarlamak için yerleşik bir seçenek bulunur. Bunu yönetici panelinde bulacaksınız:
Görünüm → Özelleştir → Site Kimliği → Site Simgesi
512×512 dosyasını oraya yükleyin — WordPress otomatik olarak daha küçük boyutlar oluşturacaktır. Simgeler üzerinde tam kontrol için dosyaları FTP aracılığıyla doğrudan kök dizine de yükleyebilirsiniz.
Favicon çok küçük bir grafiktir — 16×16 piksel kadar küçük. Her görsel kaynak olarak iyi çalışmaz: