Favicon, bir tarayıcı sekmesinde, yer imleri listesinde ve adres çubuğu önerilerinde bir web sitesini ziyaret eden kişiye görünen küçük simgedir. Doğru yapmak, sadece bir görüntüyü küçültmekten daha fazlasını içerir. Keskin görünen bir favicon, doğru piksel boyutları, temiz ortalanmış bir tasarım ve kullanıldığı bağlam için doğru formatı gerektirir. Standart favicon boyutu, tarayıcı sekmesi görüntülemesi için 16x16 pikseldir; 32x32 yüksek yoğunluklu ekranlar için ve 48x48 tam favicon paketlerinde kullanılır. Kötü hazırlanmış bir favicon, sekmede bulanık veya belirsiz görünür; bu, bir web sitesinin genel kalitesini yansıtan küçük bir ayrıntıdır.
Favicon için Bir Görüntü Nasıl Yeniden Boyutlandırılır
Temel favicon için, hem genişlik hem de yükseklik alanına 16 girin ve zorlanmış kare çıktı için En Boy Oranını Koru onay kutusunu kapatın. Daha yüksek çözünürlüklü bir sürüm için, her iki alanda da 32 ile işlemi tekrarlayın. Tam bir favicon paketi için, aynı görüntüyü 16x16, 32x32 ve 48x48'de ayrı ayrı işleyin.
Kaynak görüntü kalitesi, favicon boyutlarında neredeyse diğer tüm boyutlardan daha önemlidir. Karmaşık bir logo veya ayrıntılı illüstrasyon, 16x16'da tanınabilir tüm formunu kaybeder. Temiz kenarları ve minimum detayları olan basit, cesur bir simge çok daha iyi dayanır. Simgenin mevcut en büyük sürümünden başlayın ve her boyutta en keskin sonuç için aşağı ölçeklendirin. Aynı anda birden fazla boyut yükleyin ve tamamlandığında ZIP olarak indirin.
Standart Favicon Boyutları
16x16 piksel: standart çözünürlüklü ekranlarda tarayıcı sekmelerinde görüntülenen temel boyut. 32x32 piksel: yüksek yoğunluklu ekranlar ve Windows masaüstü kısayolları tarafından kullanılır. 48x48 piksel: daha geniş uyumluluk için tam favicon paketlerine dahildir. 180x180 piksel: bir web sitesi iOS ana ekranına kaydedildiğinde kullanılan Apple Touch Icon boyutu. 192x192 piksel: Android cihazlar tarafından ana ekran web uygulaması simgeleri için kullanılır. Tam bir favicon paketi tipik olarak aynı kaynak simgesinden oluşturulan tüm bu boyutları içerir.
Favicon'lar için Çıktı Formatı
PNG, modern favicon uygulamaları için en yaygın desteklenen formattır. Çoğu tarayıcı, PNG favicon dosyalarını HTML başlığındaki link etiketi aracılığıyla doğrudan kabul eder. PNG'de şeffaf arka planlar desteklenir ve favicon'un tarayıcı sekmesi renginin üzerinde temiz bir şekilde durmasına izin verir. Geleneksel ICO formatı, birden çok boyutu tek bir dosyada birleştirir ve tarayıcıların varsayılan olarak aradığı kök favicon.ico dosyası için hala kullanılmaktadır. Doğru boyuttaki PNG, çoğu modern web projesi için en doğrudan yaklaşımdır.