.png)
Favicon/ˈfæv.ɪˌkɒn/ (lit.favori simgesi),kısayol simgesi,website ikonu,sekme ikonu,URL ikonu veyayer imi ikonu olarak da bilinir, bir veya daha fazla küçüksimge içeren bir dosyadır,[1] belirli birweb sitesi veyaweb sayfası ile ilişkili.[1][2] Birweb grafik tasarımcısı böyle bir simge yaratabilir ve onu bir web sitesine (veya web sayfasına) çeşitli yollarla yükleyebilir ve ardından grafikselweb tarayıcısı bundan yararlanabilir.[3] Favicon desteği sağlayan tarayıcılar tipik olarak bir tarayıcının faviconunuadres çubuğu (bazen de tarihte) veyer imleri listesinde sayfanın adının yanında gösterir.[3]Sekmeli tarayıcı özelliğini destekleyen tarayıcılar tipik olarak sekmedeki sayfanın başlığının yanında bir sayfanın favicon'unu gösterir vesiteye özgü tarayıcı favicon'umasaüstü simgesi olarak kullanır.[1]
Faviconlar, aynı zamanda, yer tasarrufu sağlayan, metinsiz bir favori siteye sahip olmak için de kullanılabilir.
1999 yılının Mart ayında,Microsoft ilk kez favicons'u destekleyenInternet Explorer 5'i piyasaya sürdü. Bir web sitesininkök dizin içine yerleştirilenfavicon.ico olarak bilinir. Sayfa yer imlerine eklenmişseInternet Explorersık kullanılanları (yer imlerinde) ve adres çubuğundakiURL'nin yanında kullanılmıştır.[4][5][6][7] Bunun bir yan etkisi, sayfayı işaretleyen ziyaretçi sayısının faviconun istekleri tarafından tahmin edilebiliyor olmasıdır. Bu yan etki artık çalışmaz, çünkü tüm modern tarayıcılar sitenin yer imi olup olmadığına bakılmaksızın favicon dosyasını web adres çubuğunda görüntülemek üzere yükler.[5]
Favicon, Aralık 1999'da yayımlananHTML 4.01 önerisindeWorld Wide Web Consortium (W3C) tarafından standartlaştırıldı, Aralık 1999'da yayımlandı ve daha sonra Ocak 2000'de yayınlananXHTML 1.0 önerisinde.[8][9] Standart uygulama,<head>rel niteliği ile birbağlantı öğesi kullanır. Dosya biçimini ve dosya adını ve konumunu belirtmek için belgenin bölümü. Önceki programın aksine, dosya herhangi bir Web sitesinderehber olabilir ve herhangi bir görüntü dosyası formatına sahip olabilir.[10][11]
2003 yılında,.ico formatı,MIME türü altındakiİnternet Atanmış Numaralar Kurumu (IANA) ile üçüncü bir tarafça kaydedildi.image/vnd.microsoft.icon.[12][13] Ancak, resim olarak görüntülemek için (ör. Favicon değil).ico biçimini kullanırken, Internet Explorer bu standartMIME türünde sunulan dosyaları görüntüleyemez.[13] Internet Explorer içingeçici çözüm, Web sunucularında.ico'yu standart olmayanimage/x-icon MIME türüyle ilişkilendirmektir.[14]
RFC 5988, bir IANA bağlantı ilişkisi tescili kurdu,[15]verel="icon",HTML5 spesifikasyonuna dayanarak 2010 yılında kaydedildi. Popüler<link rel=shortcut icon" type="image/png" href="image/favicon.png"> "shortcut" ve iki ilişkiyi teorik olarak tanımlar "icon", ancak "shortcut" kayıtlı değil ve gereksiz. 2011 yılındaHTML yaşam standardı[16] "shortcut"'un tarihsel nedenleriyle hemen önce izin verildiğini belirtti. "icon";[17] ancak, "shortcut" bu bağlamda bir anlama sahip değildir.
Internet Explorer 5–10 yalnızcaICO dosya formatı özelliğini destekler.Netscape 7 ve Internet Explorer sürüm 5 ve6 favicon'u yalnızca sayfa yer imleyken gösterir, yalnızca sayfaların sonraki tarayıcılarda olduğu gibi ziyaret edildiğinde görüntüler.[7]
.svg){kind=icon}
Aşağıdaki tablolar, büyük web tarayıcıları ile çeşitli özelliklerin desteğini göstermektedir. Belirtilmediği sürece, sürüm numaraları, desteklenen bir özelliğin başlangıç sürüm numarasını gösterir.
Aşağıdaki tabloda favicon içingörüntü dosyası formatı desteği gösterilmektedir.
| Tarayıcı | ICO | PNG | GIF | Graphics Interchange Format#Animasyonlu GIFler | JPEG | APNG | SVG |
|---|---|---|---|---|---|---|---|
| Edge | Evet | Evet | Evet | Hayır | Bilinmiyor | Bilinmiyor | Bilinmiyor |
| Firefox | 1.0[18] | 1.0[18] | 1.0[18] | Evet[19] | Evet | 3.0[19] | 41.0[20] |
| Google Chrome | Evet | Evet | 4.0 | Hayır[21][22] | 4.0 | Hayır | Evet[23] |
| Internet Explorer | 5.0[24] | 11.0[25] | 11.0[25] | Hayır[24] | Hayır[24] | Hayır[24] | Hayır[26] |
| Opera | 7.0[27] | 7.0[27] | 7.0[27] | 7.0[27] | 7.0[27] | 9.5 | 44.0[28] |
| Safari | Evet | 4.0 | 4.0 | Hayır | 4.0 | Hayır | 12.0[29][30] |
Ek olarak, bu tür ikon dosyaları 16x16, 32x32, 48x48 veya 64x64piksel boyutunda ve 8, 24 veya 32 bitrenk derinliği olabilir.[1][3]ICO dosya formatı makalesi, çeşitliMicrosoft Windows platformlarında 256'dan fazla renk içeren simgelerin ayrıntılarını açıklar.
Bu tablo, tarayıcının favorilerin görüntülenebileceği farklı alanlarını gösterir.
| Tarayıcı | Adres çubuğu | Adres çubuğu açılır liste | Bağlantılar çubuğu | Yer imler | Sekmeler | Masaüstüne sürükleyin |
|---|---|---|---|---|---|---|
| Edge | Hayır | Evet | Evet | Evet | Evet | Evet |
| Firefox | Şablon:Evet-No | Evet | Evet | Evet[31] | Evet[31] | Evet[31] |
| Google Chrome | Hayır[31] | Hayır | Evet[31] | Evet[31] | 1.0[31] | Hayır[31] |
| Internet Explorer | 7.0[31] | Hayır | 5.0[31] | 5.0[31] | 7.0[31] | 5.0[31] |
| Opera | Şablon:Evet-No[31] | Hayır | 7.0[31] | 7.0[31] | 7.0[31] | 7.0[31] |
| Safari | Evet[31] | Evet | Hayır[31] | Evet[31] | 12.0 | Hayır[31] |
Opera Software,Opera 10 içindekiHızlı Arama içindeki faviconu değiştirebilme özelliğini ekledi.[32]
Bu tablo, favicon'un web tarayıcısı tarafından tanınmasının farklı yollarını gösterir. Standart uygulama, [[HEAD etiketi|<head> içinderel niteliği ile birbağlantı öğesi kullanır. Dosya biçimini ve dosya adını ve konumunu belirtmek için belgenin bölümü.
| Edge | Firefox | Google Chrome | Internet Explorer | Opera | Safari | |
|---|---|---|---|---|---|---|
<linkrel="shortcut icon"href="https://example.com/myicon.ico"> | Evet[7] | Evet[7] | Evet[7] | Evet[7][24] | Evet[7] | Evet |
<linkrel="icon"type="image/vnd.microsoft.icon"href="https://example.com/image.ico"> | Evet | Evet | Evet | Evet (IE 9'den)[25] | Evet | Evet |
<linkrel="icon"type="image/x-icon"href="https://example.com/image.ico"> | Evet[7] | Evet[7] | Evet[7] | Evet (IE 9'dan)[33] | Evet[7] | Evet |
<linkrel="icon"href="https://example.com/image.ico"> | Evet | Evet | Evet | Evet (IE 11'den)[25] | Evet | Evet |
<linkrel="icon"type="image/gif"href="https://example.com/image.gif"> | Evet | Evet | Evet | Evet (IE 11'den)[25] | Evet | Evet |
<linkrel="icon"type="image/png"href="https://example.com/image.png"> | Evet | Evet | Evet | Evet (IE 11'den)[25] | Evet | Evet |
<linkrel="icon"type="image/svg+xml"href="https://example.com/image.svg"> | Evet | Evet | Evet[23] | Evet | Evet | Evet |
<linkrel="mask-icon"href="https://example.com/image.svg"color="red"> | Hayır | Hayır | Hayır | Hayır | Hayır | Evet[34] |
favicon.ico web sitesinin kökünde bulunur | Evet | İsteğe bağlı[a] | Evet | Evet | İsteğe bağlı[b] | Evet |
| precedence: kök veya (X)HTML bağlantılı sürümü tercih et | bağlantılı[31] | bağlantılı[31] | bağlantılı[31] | bağlantılı[31] | ? | ? |
Hem PNG hem de ICO favorileri için bağlantılar varsa, PNG-favicon uyumlu tarayıcılar, kullanılacak formatı ve boyutu aşağıdaki gibi seçer. Firefox ve Safari son gelen favicon'u kullanacak. Mac için Chrome, hangi favicon'u ICO formatlıysa, yoksa 32×32 favicon'u kullanır. Windows için Chrome, önce gelen favicon'u, 16×16 ise aksi takdirde ICO kullanır. Yukarıda belirtilen seçeneklerden hiçbiri mevcut değilse, her iki Chrom da önce gelen her favicon'u, Firefox ve Safari'nin tam tersi kullanır. Gerçekten de, Mac için Chrome, 16 × 16 favicon'u görmezden gelecek ve 32 × 32 sürümünü kullanacak, yalnızca retina dışı cihazlarda geri 16 x 16'ya kadar ölçeklendirecek. Opera, mevcut simgelerden herhangi birini tamamen rastgele seçecektir.[35]
YalnızcaSeaMonkey, web sitesinin kök dizininefavicon.ico dosyalarını varsayılan olarak getirmez.[36]
 | Bu maddenin daha doğru ve güvenilir bilgi sunması içingüncellenmesi gerekmektedir. Daha fazla bilgi içintartışma sayfasına bakınız.(Mart 2018) (Bu şablonun nasıl ve ne zaman kaldırılması gerektiğini öğrenin) |
AppleiOSişletim sistemi sürüm 1.1.3 veya daha yenisine sahip cihazlar ve bazıAndroid cihazlar için,[37] Safari'deki paylaşım sayfasındaki withinAna Ekrana Ekle düğmesini kullanarak, kullanıcıların ana ekranlarında görüntüleyebilecekleri özel bir simge sunmak mümkündür.[38][39] Bu özellik,<head>'de<link rel="apple-touch-icon"...> değerini sağlayarak etkinleştirilir web sitesi tarafından sunulan belgelerin bölümü. Özel simge sağlanmazsa, web sayfasınınküçük resim yerine ana ekrana yerleştirilir.[40]
Bu simge için önerilen temel boyut 152×152 pikseldir.[41]
iPad için temel boyut 180x180 pikseldir. Android tabletler [Chrome üzerinden] 192x192 PNG simgesini tercih eder.[42]
apple-touch-icon tarafından referans verilen simge dosyası yuvarlatılmış köşeler eklemek için değiştirildi. iOS 7'den önceki iOS sürümlerinde, bir gölge ve yansıtıcı parlaklık eklenir ve aygıtlara görüntü üzerinde yansıtıcı parlaklık uygulamaması talimatı vermek içinapple-touch-icon-precomposed simgesi sağlanabilir.[39][40]
<link rel="apple-touch-icon" href="https://example.com/image.png">
Bu simgeleri almak için tarayıcılar veya mobil cihazlar için de HTML gerekmez.[40] Web sitesinin kökü,apple-touch-icon.png dosyasının varsayılan konumudur (öncelik sırasına göre).[39][40]
GeçerliHTML5 özelliği, bir<link> içindekirel="icon" sizes="space-separated simge boyutlarının listesi" özniteliklerini kullanarak, simgeler için birden fazla boyut belirtmenizi önerir etiketi.[43] Microsoft.ico ve Macintosh.icns dosyaları gibi kapsayıcı formatları veÖlçeklenebilir Vektör Grafikleri gibi birden fazla simge formatı, simgeleriniçerik türü dahil edilerek sağlanabilir.type="dosya içeriği" biçiminde,<link> etiketi içinde.
İOS 5 itibaren, Apple mobil cihazları HTML5 önerisini yok sayar ve bunun yerine yukarıda ayrıntılı olarak verilen özel elma-dokunma simgesi yöntemini kullanır.Google Chrome web tarayıcısı, ancak kullanıcı seçtiğinde, 128 × 128 pikseluygulama simgeleri oluşturmak için HTML başlıklarında sağlananlardan en yakın eşleşen boyutu seçecektir "Araçlar" menüsündenUygulama kısayolları oluştur....
Chrome, Firefox ve Opera gibi çeşitli tarayıcılar favorilerin animasyonunu destekler. Firefox için 2001'de bu özelliği devre dışı bırakmak için bir yol isteyen bir hata raporu açıldı.[44][45]
Sabit bir yerde her zaman kontrol etme gereği nedeniyle, favicon yapay olarak yavaş sayfa yükleme süresi ve mevcut değilse, sunucu günlüğünde gereksiz 404 girişe neden olabilir.[5]
W3C, rel-niteliğini standartlaştırmadı, bu yüzdenkullanıcı aracısı tarafından da kabul edilenkısayol simgesi gibi başka anahtar kelimeler de var.[11][24]
Faviconlar genellikleHTTPS web sayfalarına yönelik phishing veya gizli dinleme saldırılarının bir parçası olarak manipüle edilir. Birçok web tarayıcısı, bir web sitesine bağlantıTLS gibi güvenli bir protokol kullanıp kullanmadığını iletmek için kullanılan, adres çubuğu gibi, web tarayıcısının UI alanlarının yakınında faviconlar gösterir. Favicon'u bilinen bir asma kilit görüntüsüne değiştirerek bir saldırgan kullanıcıyı uygun web sitesine güvenli bir şekilde bağlı olduklarını düşünerek kandırmaya çalışabilir.SSLStrip gibi otomatikman-in-the-middle saldırısı araçları bu numarayı kullanır.[46] Bunu ortadan kaldırmak için, bazı web tarayıcıları, URL'nin yanındaki web sitesine erişmek için kullanılan protokolün güvenlik durumunu görüntülerken sekme içindeki faviconu görüntüler.[47]
Faviconlar genellikle sunucudaki site dizininin kökünde bulunduğundan, bir web istemcisinin verilen bir hizmete giriş yapıp yapmadığını açıklamak için bir miktar güvenilirlikle kullanılabilir. Bu, birçok web sitesinin oturum açma sonrası yeniden yönlendirme özelliğini kullanarak, bir oturum açma sonrası yönlendirme URL'sinde favicon'u sorgulayarak ve kullanıcıya istenen kaynağa verilip verilmediğini (yani, giriş yaptınız) veya bunun yerine giriş sayfasına yönlendirildiler (bu, hizmete giriş yapmadıkları anlamına gelir).[48]
browser.chrome.favicons eğer<link> etiketi olmadan web sitesinin kökündekifavicon.ico etiketini kabul eder veyabrowser.chrome.site_icons,about:config içindetrue olarak ayarlanır. Varsayılan değer şudur:true.false olarak ayarlanırsa, bu faviconlar dikkate alınmaz./favicon.ico'u yükler, ancakopera:config1 olarak ayarlanmışsaMultimedia/Always load faviconseçeneği yapar. Daha fazla ayrıntı içinOpera Destek sayfasına bakınız.Bu 16x16 piksel kare, kapsamı değilse söz konusu favicon'un boyutudur.
