Favicon Formatları Nasıl Çalışır?
Her biçimin nasıl çalıştığını bilmek, kaçınılmaz olan "favicon'um gösterilmiyor" sorununu gidermenize yardımcı olur.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
.ico kapsayıcısı
Bir .ico dosyası, bir veya daha fazla resim girişinin takip ettiği bir başlıktır. Her giriş BMP veya PNG olabilir ve her birinin genişliği, yüksekliği ve bit derinliği vardır.
Tarayıcılar dizini ayrıştırır, istenen boyutla eşleşen girişi seçer ve yalnızca onun kodunu çözer.
.ico'nun içindeki PNG
64×64 ve üzeri boyutlar için PNG sıkıştırması, görsel kayıp olmadan dosya boyutunu 5-10x oranında azaltır. Modern jeneratörler (bizimki dahil) bunu otomatik olarak yapar.
SVG favori ikonları
SVG favicon normal bir SVG dosyasıdır. Tarayıcılar bunu diğer SVG gibi işler ve <style> bloğu, tercih edilen renk şemasına göre renkleri uyarlayabilir.
Tarayıcılar nasıl seçer?
Birden fazla <link rel="icon"> etiketi gönderirseniz, tarayıcılar yüzeye en iyi uyanı seçer (sekme, yer işareti ve kurulum). Desteklendiğinde SVG tercih edilir; .ico geri dönüştür.
SSS
What is inside a .ico file?
A header plus a directory of image entries. Each entry can be BMP or PNG at a specific width and height.
How do browsers choose which favicon to display?
Browsers read all <link rel="icon"> tags and pick the best match for the surface — tab, bookmark, or install prompt. SVG is preferred when supported; .ico is the fallback.
Why use PNG inside an .ico instead of BMP?
PNG compression cuts file size 5–10× at 64×256 with no visible loss, which speeds up page loads.
Can I use only SVG for favicons?
Not safely. Always ship favicon.ico as a fallback for older browsers, Windows shortcuts, and embedders that ignore SVG.