Favicon rehberleri
Favicon oluştururken akla gelen sorulara doğrudan yanıtlar: hangi boyutlar, hangi biçimler, hangi kod yapıştırılmalı?
Favicon boyutları: biçimler ve kullanım alanları
“Favicon boyutu” araması hâlâ 2014'ten kalma on beş dosyalık kontrol listeleri getiriyor. Oysa bugün altı boyut tarayıcı sekmelerini, arama sonuçlarını, iOS, Android ve PWA'ları kapsıyor. İşte bu boyutlar ve neden gerekli oldukları.
Rehberi okuPNG'yi ücretsiz olarak ICO'ya dönüştürün
.ico, site kökünde hâlâ beklenen biçimdir ve çevrimiçi dönüştürücülerin çoğu görselinizi sunucularına yüklemenizi ister. Hiçbir şey yüklemeden PNG'den doğru, çok boyutlu favicon.ico elde etmenin yolu şöyledir.
Rehberi okuapple-touch-icon: boyut, biçim ve kod
Apple Touch simgesi, ziyaretçi sitenizi iPhone ana ekranına eklediğinde kullanılacak görseli açıkça belirler. Tarayıcı sekmesi favicon'undan ve web uygulaması manifestinde tanımlanan simgelerden ayrıdır.
Rehberi okuSVG ile koyu mod favicon'u
Saydam arka plan üzerindeki siyah logo açık sekmede kusursuz görünürken koyu sekmede kaybolur. ICO biçimi uyarlanamaz, ancak SVG favicon uyarlanabilir: tarayıcı temasına göre renkleri değiştiren bir CSS kuralı içerir.
Rehberi okuHTML'ye favicon ekleme
Güvenilir bir HTML favicon'u tek bir sihirli etikete bağlı değildir. Erişilebilir birkaç dosya ve head bölümüne yerleştirilen bağlantılar kullanır. Bu yöntem, eski varyantları çoğaltmadan modern sekmeleri, eski istemcileri ve mobil kısayolları kapsar.
Rehberi okuFavicon görünmüyor veya güncellenmiyor
Favicon görünmediğinde sorun her zaman dosya değildir. Tarayıcı, CDN, service worker ve arama motoru farklı sürümler tutabilir. Sıralı bir teşhis, aynı anda birden fazla değişkeni değiştirmeyi önler.
Rehberi okuNext.js App Router'da favicon
App Router, standart dosya adları veya metadata nesnesi üzerinden simge öğeleri üretebilir. Her iki yaklaşım da geçerlidir, ancak açık bir kural olmadan bunları karıştırmak kolayca birbiriyle yarışan tanımlar oluşturabilir.
Rehberi okuSVG favicon rehberi
SVG, her piksel yoğunluğunda kenarları net tutar ve renkleri temaya uyarlayabilir. Bu esnekliğin bir koşulu vardır: dosya bağımsız, basit ve küçücük alanda okunabilir kalmalıdır.
Rehberi oku