Azərbaycanca
Беларускі
Dansk
Deutsch
Española
Français
Indonesia
Italiana
日本語
Қазақ
Lietuvos
Nederlands
Português
Русский
සිංහල
แบบไทย
Türkçe
Українська
中國人
United State
Afrikaans
Favicon (lit. favori simgesi), kısayol simgesi, website ikonu, sekme ikonu, URL ikonu veya yer imi ikonu olarak da bilinir, bir veya daha fazla küçük simge içeren bir dosyadır, belirli bir web sitesi veya web sayfası ile ilişkili. Bir böyle bir simge yaratabilir ve onu bir web sitesine (veya web sayfasına) çeşitli yollarla yükleyebilir ve ardından grafiksel web tarayıcısı bundan yararlanabilir. Favicon desteği sağlayan tarayıcılar tipik olarak bir tarayıcının faviconunu adres çubuğu (bazen de tarihte) ve yer imleri listesinde sayfanın adının yanında gösterir.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 ve favicon'u masaüstü simgesi olarak kullanır.
Faviconlar, aynı zamanda, yer tasarrufu sağlayan, metinsiz bir favori siteye sahip olmak için de kullanılabilir.
Tarihçe
1999 yılının Mart ayında, Microsoft ilk kez favicons'u destekleyen Internet Explorer 5'i piyasaya sürdü. Bir web sitesinin kök dizin içine yerleştirilen favicon.ico olarak bilinir. Sayfa yer imlerine eklenmişse Internet Explorer sık kullanılanları (yer imlerinde) ve adres çubuğundaki URL'nin yanında kullanılmıştır. 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.
Standardizasyon
Favicon, Aralık 1999'da yayımlanan HTML 4.01 önerisinde World Wide Web Consortium (W3C) tarafından standartlaştırıldı, Aralık 1999'da yayımlandı ve daha sonra Ocak 2000'de yayınlanan XHTML 1.0 önerisinde. Standart uygulama, ile bir 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 sitesinde rehber olabilir ve herhangi bir görüntü dosyası formatına sahip olabilir.
2003 yılında, formatı, altındaki (IANA) ile üçüncü bir tarafça kaydedildi. image/vnd.microsoft.icon. Ancak, resim olarak görüntülemek için (ör. Favicon değil) .ico biçimini kullanırken, Internet Explorer bu standart MIME türünde sunulan dosyaları görüntüleyemez. Internet Explorer için , Web sunucularında .ico'yu standart olmayan image/x-icon MIME türüyle ilişkilendirmektir.
RFC 5988, bir IANA bağlantı ilişkisi tescili kurdu, ve rel="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ında HTML yaşam standardı "shortcut"'un tarihsel nedenleriyle hemen önce izin verildiğini belirtti. "icon"; ancak, "shortcut" bu bağlamda bir anlama sahip değildir.
Miras
Internet Explorer 5–10 yalnızca özelliğini destekler. ve Internet Explorer sürüm 5 ve 6 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.
Favicon için örnekler
Tarayıcı uygulaması
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.
Dosya formatı desteği
Aşağıdaki tabloda favicon için desteği gösterilmektedir.
| Tarayıcı | PNG | GIF | (Graphics Interchange Format#Animasyonlu GIFler) | JPEG | APNG | SVG | |
|---|---|---|---|---|---|---|---|
| Edge | Evet | Evet | Evet | Hayır | Bilinmiyor | Bilinmiyor | Bilinmiyor |
| Firefox | 1.0 | 1.0 | 1.0 | Evet | Evet | 3.0 | 41.0 |
| Google Chrome | Evet | Evet | 4.0 | Hayır | 4.0 | Hayır | Evet |
| Internet Explorer | 5.0 | 11.0 | 11.0 | Hayır | Hayır | Hayır | Hayır |
| Opera | 7.0 | 7.0 | 7.0 | 7.0 | 7.0 | 9.5 | 44.0 |
| Evet | 4.0 | 4.0 | Hayır | 4.0 | Hayır | 12.0 |
Ek olarak, bu tür ikon dosyaları 16x16, 32x32, 48x48 veya 64x64 piksel boyutunda ve 8, 24 veya 32 bit renk derinliği olabilir. makalesi, çeşitli Microsoft Windows platformlarında 256'dan fazla renk içeren simgelerin ayrıntılarını açıklar.
Favicon kullanımı
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 | Evet | Evet | Evet | Evet | Evet | |
| Google Chrome | Hayır | Hayır | Evet | Evet | 1.0 | Hayır |
| Internet Explorer | 7.0 | Hayır | 5.0 | 5.0 | 7.0 | 5.0 |
| Opera | Hayır | 7.0 | 7.0 | 7.0 | 7.0 | |
| Safari | Evet | Evet | Hayır | Evet | 12.0 | Hayır |
Opera Software, içindeki içindeki faviconu değiştirebilme özelliğini ekledi.
Nasıl kullanılır
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çinde ile bir 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 | |
|---|---|---|---|---|---|---|
<link rel="shortcut icon" href="https://example.com/myicon.ico"> | Evet | Evet | Evet | Evet | Evet | Evet |
<link rel="icon" type="image/vnd.microsoft.icon" href="https://example.com/image.ico"> | Evet | Evet | Evet | Evet (IE 9'den) | Evet | Evet |
<link rel="icon" type="image/x-icon" href="https://example.com/image.ico"> | Evet | Evet | Evet | Evet (IE 9'dan) | Evet | Evet |
<link rel="icon" href="https://example.com/image.ico"> | Evet | Evet | Evet | Evet (IE 11'den) | Evet | Evet |
<link rel="icon" type="image/gif" href="https://example.com/image.gif"> | Evet | Evet | Evet | Evet (IE 11'den) | Evet | Evet |
<link rel="icon" type="image/png" href="https://example.com/image.png"> | Evet | Evet | Evet | Evet (IE 11'den) | Evet | Evet |
<link rel="icon" type="image/svg+xml" href="https://example.com/image.svg"> | Evet | Evet | Evet | Evet | Evet | Evet |
<link rel="mask-icon" href="https://example.com/image.svg" color="red"> | Hayır | Hayır | Hayır | Hayır | Hayır | Evet |
favicon.ico web sitesinin kökünde bulunur | Evet | İsteğe bağlı | Evet | Evet | İsteğe bağlı | Evet |
| precedence: kök veya (X)HTML bağlantılı sürümü tercih et | bağlantılı | bağlantılı | bağlantılı | bağlantılı | ? | ? |
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.
Yalnızca SeaMonkey, web sitesinin kök dizinine favicon.ico dosyalarını varsayılan olarak getirmez.
Cihaz desteği
Bu maddenin daha doğru ve güvenilir bilgi sunması için güncellenmesi gerekmektedir. Daha fazla bilgi için bakınız. (March 2018) |
Apple iOS işletim sistemi sürüm 1.1.3 veya daha yenisine sahip cihazlar ve bazı Android cihazlar için, Safari’deki paylaşım sayfasındaki within Ana Ekrana Ekle düğmesini kullanarak, kullanıcıların ana ekranlarında görüntüleyebilecekleri özel bir simge sunmak mümkündür. 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ın küçük resim yerine ana ekrana yerleştirilir.
Bu simge için önerilen temel boyut 152×152 pikseldir.
iPad için temel boyut 180x180 pikseldir. Android tabletler [Chrome üzerinden] 192x192 PNG simgesini tercih eder.
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çin apple-touch-icon-precomposed simgesi sağlanabilir.
- Köşeleri yuvarlatılmış, iOS tarafından eklenmiş
<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. Web sitesinin kökü, apple-touch-icon.png dosyasının varsayılan konumudur (öncelik sırasına göre).
Birden fazla boyuttaki simgeler için HTML5 önerisi
Geçerli HTML5 özelliği, bir <link> içindeki rel="icon" sizes="space-separated simge boyutlarının listesi" özniteliklerini kullanarak, simgeler için birden fazla boyut belirtmenizi önerir etiketi. Microsoft ve Macintosh dosyaları gibi kapsayıcı formatları ve Ölçeklenebilir Vektör Grafikleri gibi birden fazla simge formatı, simgelerin 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 piksel (uygulama 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ünden Uygulama kısayolları oluştur....
Animasyonlu faviconlar
Chrome, Firefox ve Opera gibi çeşitli tarayıcılar favorilerin animasyonunu destekler. Firefox için 2001'den bu yana özelliği devre dışı bırakmak için bir yol isteyen bir hata raporu açıldı.
Sınırlamalar ve eleştiri
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.
W3C, rel-niteliğini standartlaştırmadı, bu yüzden kullanıcı aracısı tarafından da kabul edilen kısayol simgesi gibi başka anahtar kelimeler de var.
Faviconlar genellikle HTTPS 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. gibi otomatik man-in-the-middle saldırısı araçları bu numarayı kullanır. 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.
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).
Not listesi
- ^ Firefox ayarı
browser.chrome.faviconseğer<link>etiketi olmadan web sitesinin kökündekifavicon.icoetiketini kabul eder veyabrowser.chrome.site_icons,about:configiçindetrueolarak ayarlanır. Varsayılan değer şudur:true.falseolarak ayarlanırsa, bu faviconlar dikkate alınmaz. - ^ Opera,
/favicon.ico'u yükler, ancakopera:config1olarak ayarlanmışsaMultimedia/Always load faviconseçeneği yapar. Daha fazla ayrıntı için Opera Destek sayfasına bakınız.
Kaynakça
- ^ a b c d Lane, Dave (9 Ağustos 2008). . Egressive.com. 24 Ocak 2013 tarihinde kaynağından arşivlendi. Erişim tarihi: 25 Şubat 2011.
- ^ "Google'ın Yeni Mini Simgesinde Neler Var?". BBC. 20 Ocak 2009. 30 Aralık 2017 tarihinde kaynağından . Erişim tarihi: 25 Şubat 2011.
Bu 16x16 piksel kare, kapsamı değilse söz konusu favicon'un boyutudur.
- ^ a b c Apple, Jennifer. . Photoshopsupport.com. 30 Ekim 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 25 Şubat 2011.
- ^ McGrew, Darin (26 Nisan 2007). . htmlhelp.com. 16 Aralık 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 23 Şubat 2011.
- ^ a b c Heng, Christopher (7 Eylül 2008). "Favicon.ico nedir? Sitenizin Yer İşaretlerini Kişiselleştirin". thesitewizard.com. 8 Şubat 2012 tarihinde kaynağından arşivlendi. Erişim tarihi: 23 Şubat 2011.
- ^ . . 7 Aralık 2003 tarihinde kaynağından arşivlendi. Erişim tarihi: 25 Ocak 2011.
- ^ a b c d e f g h i j k "Bir Web Sayfasına Kısayol Simgesi Nasıl Eklenir". Microsoft Developer Network. Microsoft. 5 Ocak 2018 tarihinde kaynağından . Erişim tarihi: 15 Mart 2010.
- ^ . World Wide Web Consortium. 24 Aralık 1999. 9 Aralık 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 14 Mart 2011.
- ^ . World Wide Web Consortium. 26 Ocak 2000. 27 Mayıs 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 14 Mart 2011.
- ^ Dubost, Karl (Ekim 2005). "Web sitesi meta veri profili: favicon, ..." World Wide Web Consortium. 18 Aralık 2019 tarihinde kaynağından . Erişim tarihi: 23 Ocak 2011.
- ^ a b Dubost, Karl (24 Ekim 2005). . World Wide Web Consortium. 29 Kasım 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 25 Şubat 2011.
- ^ Butcher, Simon (3 Eylül 2003). . İnternet Atanan Numaralar Kurumu. 22 Ocak 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 25 Şubat 2011.
- ^ a b "IE9 RC Küçük Değişiklikler Listesi". IEInternals. 20 Nisan 2019 tarihinde kaynağından . Erişim tarihi: 7 Nisan 2016.
- ^ Irish, Paul (15 Aralık 2010). "37b5fec090d00f38de64'ü Paulirish'in html5'i". GitHub. 18 Ekim 2015 tarihinde kaynağından . Erişim tarihi: 25 Şubat 2011.
- ^ . . 18 Kasım 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 24 Kasım 2019.
- ^ (19 Ocak 2011). . The WHATWG Blog. WHATWG. 6 Ekim 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 24 Kasım 2019.
- ^ . HTML5 Tracker. 27 Eylül 2013 tarihinde kaynağından arşivlendi. Erişim tarihi: 24 Kasım 2019.
- ^ a b c David (19 Temmuz 2003). . Mozilla. 19 Eylül 2018 tarihinde kaynağından arşivlendi. Erişim tarihi: 23 Şubat 2011.
- ^ a b . 9 Ekim 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 1 Haziran 2014.
- ^ Daniel Holbert (12 Haziran 2015). "Hata 366324 – SVG site simgeleri (faviconlar, kısayol simgeleri) desteği - yorum 55". Bugzilla@Mozilla. Mozilla. 9 Ekim 2019 tarihinde kaynağından . Erişim tarihi: 12 Temmuz 2015.
- ^ tracker, chromium. . chromium.org. 18 Şubat 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 11 Nisan 2016.
- ^ tracker, chromium. . chromium.org. 8 Kasım 2018 tarihinde kaynağından arşivlendi. Erişim tarihi: 8 Kasım 2018.
- ^ a b . 23 Şubat 2024 tarihinde kaynağından arşivlendi.
- ^ a b c d e f Davis, Jeff (27 Aralık 2007). . jeffdav on code. Microsoft. 9 Haziran 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 11 Mart 2013.
- ^ a b c d e f "Favicon ile eğlence". Microsoft. 7 Eylül 2013. 26 Ocak 2016 tarihinde kaynağından . Erişim tarihi: 3 Kasım 2013.
- ^ . Microsoft Connect. 3 Mayıs 2013. 21 Haziran 2016 tarihinde kaynağından arşivlendi. Erişim tarihi: 4 Eylül 2014.
- ^ a b c d e . Opera Software. 28 Ocak 2003. 6 Temmuz 2017 tarihinde kaynağından arşivlendi. Erişim tarihi: 28 Şubat 2011.
- ^ . Opera Software. 28 Mart 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 24 Haziran 2017.
- ^ . WebKit. 6 Haziran 2018. 6 Mart 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 3 Mart 2019.
- ^ . Iconfactory. 7 Haziran 2018. 1 Temmuz 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 3 Mart 2019.
- ^ a b c d e f g h i j k l m n o p q r s t u v w x y z Francis, Lewis (11 Aralık 2007). . informationgift.com. 10 Ekim 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 23 Şubat 2011.
- ^ . Opera Software. 16 Temmuz 2009. 27 Temmuz 2017 tarihinde kaynağından arşivlendi. Erişim tarihi: 27 Şubat 2011.
- ^ "IE9 RC Minor Changes List". Microsoft. 11 Şubat 2011. 18 Ekim 2015 tarihinde kaynağından . Erişim tarihi: 16 Kasım 2013.
- ^ "Sabitlenmiş Sekme Simgeleri Oluşturma". Apple Inc. 12 Aralık 2016. 9 Aralık 2019 tarihinde kaynağından . Erişim tarihi: 9 Nisan 2019.
- ^ (16 Ocak 2013). . 18 Mayıs 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 30 Mayıs 2013.
- ^ (14 Nisan 2010). . 7 Nisan 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 15 Kasım 2011.
- ^ (2 Mart 2011). . 2 Aralık 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 15 Kasım 2011.
- ^ "Web Uygulamaları için iPhone İnsan Arabirimi Yönergeleri: Metrikler, Düzen Yönergeleri ve İpuçları". Apple Inc. 18 Ağustos 2010 tarihinde kaynağından . Erişim tarihi: 27 Mayıs 2010.
- ^ a b c "Safari Web İçeriği Kılavuzu: Web Klibi için Bir Web Sayfası Simgesi Belirleme". Apple Inc. 15 Kasım 2010. 10 Eylül 2016 tarihinde kaynağından . Erişim tarihi: 25 Şubat 2011.
- ^ a b c d McLellan, Drew (17 Ocak 2008). . Allinthe head.com. 4 Nisan 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 11 Mart 2011.
- ^ "Apple-touch-icon". Apple Inc. 20 Kasım 2018 tarihinde kaynağından . Erişim tarihi: 9 Nisan 2019.
- ^ . 16 Kasım 2018 tarihinde kaynağından arşivlendi. Erişim tarihi: 9 Eylül 2014.
- ^ . WHATWG. 21 Aralık 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 17 Kasım 2015.
- ^ . bugzilla.mozilla.org. 21 Kasım 2001. 9 Ekim 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 24 Kasım 2019.
- ^ . Hacker News. 7 Temmuz 2015. 19 Eylül 2018 tarihinde kaynağından arşivlendi. Erişim tarihi: 24 Kasım 2019.
- ^ Marlinspike, Moxie (21 Şubat 2011). . (videonun açıklamasına bakın). SecurityTube. 2 Ağustos 2018 tarihinde kaynağından arşivlendi. Erişim tarihi: 9 Haziran 2011.
- ^ "Firefox sürüm 14 özellikleri". 19 Eylül 2018 tarihinde kaynağından . Erişim tarihi: 18 Temmuz 2012.
- ^ Linus, Robin. . 21 Aralık 2019 tarihinde kaynağından arşivlendi. Erişim tarihi: 14 Ekim 2016.
Dış bağlantılar
| Vikisözlük'te favicon ile ilgili tanım bulabilirsiniz. |
| Wikimedia Commons'ta Favicon ile ilgili ortam dosyaları bulunmaktadır. |
- Curlie'de Favicons (DMOZ tabanlı)
- Proposals with the W3C web standards organization on how to add a Favicon 29 Kasım 2019 tarihinde Wayback Machine sitesinde .
- Creating a favicon 8 Nisan 2019 tarihinde Wayback Machine sitesinde . Stack Overflow
- Systems and Methods Involving Favicons 14 Mart 2012 tarihinde Wayback Machine sitesinde . 2008 patent application
- What is a favicon? 10 Ocak 2018 tarihinde Wayback Machine sitesinde .
wikipedia, wiki, viki, vikipedia, oku, kitap, kütüphane, kütübhane, ara, ara bul, bul, herşey, ne arasanız burada,hikayeler, makale, kitaplar, öğren, wiki, bilgi, tarih, yukle, izle, telefon için, turk, türk, türkçe, turkce, nasıl yapılır, ne demek, nasıl, yapmak, yapılır, indir, ücretsiz, ücretsiz indir, bedava, bedava indir, mp3, video, mp4, 3gp, jpg, jpeg, gif, png, resim, müzik, şarkı, film, film, oyun, oyunlar, mobil, cep telefonu, telefon, android, ios, apple, samsung, iphone, xiomi, xiaomi, redmi, honor, oppo, nokia, sonya, mi, pc, web, computer, bilgisayar
Favicon ˈ f ae v ɪ ˌ k ɒ n lit favori simgesi kisayol simgesi website ikonu sekme ikonu URL ikonu veya yer imi ikonu olarak da bilinir bir veya daha fazla kucuk simge iceren bir dosyadir belirli bir web sitesi veya web sayfasi ile iliskili Bir boyle bir simge yaratabilir ve onu bir web sitesine veya web sayfasina cesitli yollarla yukleyebilir ve ardindan grafiksel web tarayicisi bundan yararlanabilir Favicon destegi saglayan tarayicilar tipik olarak bir tarayicinin faviconunu adres cubugu bazen de tarihte ve yer imleri listesinde sayfanin adinin yaninda gosterir Sekmeli tarayici ozelligini destekleyen tarayicilar tipik olarak sekmedeki sayfanin basliginin yaninda bir sayfanin favicon unu gosterir ve favicon u masaustu simgesi olarak kullanir Vikipedi nin Firefox tarayicisindaki favicon gorseli Faviconlar ayni zamanda yer tasarrufu saglayan metinsiz bir favori siteye sahip olmak icin de kullanilabilir Tarihce1999 yilinin Mart ayinda Microsoft ilk kez favicons u destekleyen Internet Explorer 5 i piyasaya surdu Bir web sitesinin kok dizin icine yerlestirilen favicon ico olarak bilinir Sayfa yer imlerine eklenmisse Internet Explorer sik kullanilanlari yer imlerinde ve adres cubugundaki URL nin yaninda kullanilmistir Bunun bir yan etkisi sayfayi isaretleyen ziyaretci sayisinin faviconun istekleri tarafindan tahmin edilebiliyor olmasidir Bu yan etki artik calismaz cunku tum modern tarayicilar sitenin yer imi olup olmadigina bakilmaksizin favicon dosyasini web adres cubugunda goruntulemek uzere yukler Standardizasyon Favicon Aralik 1999 da yayimlanan HTML 4 01 onerisinde World Wide Web Consortium W3C tarafindan standartlastirildi Aralik 1999 da yayimlandi ve daha sonra Ocak 2000 de yayinlanan XHTML 1 0 onerisinde Standart uygulama ile bir kullanir Dosya bicimini ve dosya adini ve konumunu belirtmek icin belgenin bolumu Onceki programin aksine dosya herhangi bir Web sitesinde rehber olabilir ve herhangi bir goruntu dosyasi formatina sahip olabilir 2003 yilinda formati altindaki IANA ile ucuncu bir tarafca kaydedildi image vnd microsoft icon Ancak resim olarak goruntulemek icin or Favicon degil ico bicimini kullanirken Internet Explorer bu standart MIME turunde sunulan dosyalari goruntuleyemez Internet Explorer icin Web sunucularinda ico yu standart olmayan image x icon MIME turuyle iliskilendirmektir RFC 5988 bir IANA baglanti iliskisi tescili kurdu ve rel icon HTML5 spesifikasyonuna dayanarak 2010 yilinda kaydedildi Populer lt link rel shortcut icon type image png href image favicon png gt shortcut ve iki iliskiyi teorik olarak tanimlar icon ancak shortcut kayitli degil ve gereksiz 2011 yilinda HTML yasam standardi shortcut un tarihsel nedenleriyle hemen once izin verildigini belirtti icon ancak shortcut bu baglamda bir anlama sahip degildir Miras Internet Explorer 5 10 yalnizca ozelligini destekler ve Internet Explorer surum 5 ve 6 favicon u yalnizca sayfa yer imleyken gosterir yalnizca sayfalarin sonraki tarayicilarda oldugu gibi ziyaret edildiginde goruntuler Favicon icin orneklerApple Etsy PayPal Roblox Spotify Twitter Vikipedi YouTubeTarayici uygulamasiAsagidaki tablolar buyuk web tarayicilari ile cesitli ozelliklerin destegini gostermektedir Belirtilmedigi surece surum numaralari desteklenen bir ozelligin baslangic surum numarasini gosterir Dosya formati destegi Asagidaki tabloda favicon icin destegi gosterilmektedir Tarayici PNG GIF Graphics Interchange Format Animasyonlu GIFler JPEG APNG SVGEdge Evet Evet Evet Hayir Bilinmiyor Bilinmiyor BilinmiyorFirefox 1 0 1 0 1 0 Evet Evet 3 0 41 0Google Chrome Evet Evet 4 0 Hayir 4 0 Hayir EvetInternet Explorer 5 0 11 0 11 0 Hayir Hayir Hayir HayirOpera 7 0 7 0 7 0 7 0 7 0 9 5 44 0Evet 4 0 4 0 Hayir 4 0 Hayir 12 0 Ek olarak bu tur ikon dosyalari 16x16 32x32 48x48 veya 64x64 piksel boyutunda ve 8 24 veya 32 bit renk derinligi olabilir makalesi cesitli Microsoft Windows platformlarinda 256 dan fazla renk iceren simgelerin ayrintilarini aciklar Favicon kullanimi Bu tablo tarayicinin favorilerin goruntulenebilecegi farkli alanlarini gosterir Tarayici Adres cubugu Adres cubugu acilir liste Baglantilar cubugu Yer imler Sekmeler Masaustune surukleyinEdge Hayir Evet Evet Evet Evet EvetFirefox Evet Evet Evet Evet EvetGoogle Chrome Hayir Hayir Evet Evet 1 0 HayirInternet Explorer 7 0 Hayir 5 0 5 0 7 0 5 0Opera Hayir 7 0 7 0 7 0 7 0Safari Evet Evet Hayir Evet 12 0 Hayir Opera Software icindeki icindeki faviconu degistirebilme ozelligini ekledi Nasil kullanilir Bu tablo favicon un web tarayicisi tarafindan taninmasinin farkli yollarini gosterir Standart uygulama HEAD etiketi lt head gt icinde ile bir kullanir Dosya bicimini ve dosya adini ve konumunu belirtmek icin belgenin bolumu Edge Firefox Google Chrome Internet Explorer Opera Safari lt link rel shortcut icon href https example com myicon ico gt Evet Evet Evet Evet Evet Evet lt link rel icon type image vnd microsoft icon href https example com image ico gt Evet Evet Evet Evet IE 9 den Evet Evet lt link rel icon type image x icon href https example com image ico gt Evet Evet Evet Evet IE 9 dan Evet Evet lt link rel icon href https example com image ico gt Evet Evet Evet Evet IE 11 den Evet Evet lt link rel icon type image gif href https example com image gif gt Evet Evet Evet Evet IE 11 den Evet Evet lt link rel icon type image png href https example com image png gt Evet Evet Evet Evet IE 11 den Evet Evet lt link rel icon type image svg xml href https example com image svg gt Evet Evet Evet Evet Evet Evet lt link rel mask icon href https example com image svg color red gt Hayir Hayir Hayir Hayir Hayir Evetfavicon ico web sitesinin kokunde bulunur Evet Istege bagli Evet Evet Istege bagli Evetprecedence kok veya X HTML baglantili surumu tercih et baglantili baglantili baglantili baglantili Hem PNG hem de ICO favorileri icin baglantilar varsa PNG favicon uyumlu tarayicilar kullanilacak formati ve boyutu asagidaki gibi secer Firefox ve Safari son gelen favicon u kullanacak Mac icin Chrome hangi favicon u ICO formatliysa yoksa 32 32 favicon u kullanir Windows icin Chrome once gelen favicon u 16 16 ise aksi takdirde ICO kullanir Yukarida belirtilen seceneklerden hicbiri mevcut degilse her iki Chrom da once gelen her favicon u Firefox ve Safari nin tam tersi kullanir Gercekten de Mac icin Chrome 16 16 favicon u gormezden gelecek ve 32 32 surumunu kullanacak yalnizca retina disi cihazlarda geri 16 x 16 ya kadar olceklendirecek Opera mevcut simgelerden herhangi birini tamamen rastgele sececektir Yalnizca SeaMonkey web sitesinin kok dizinine favicon ico dosyalarini varsayilan olarak getirmez Cihaz destegi Bu maddenin daha dogru ve guvenilir bilgi sunmasi icin guncellenmesi gerekmektedir Daha fazla bilgi icin tartisma sayfasina bakiniz March 2018 Apple iOS isletim sistemi surum 1 1 3 veya daha yenisine sahip cihazlar ve bazi Android cihazlar icin Safari deki paylasim sayfasindaki within Ana Ekrana Ekle dugmesini kullanarak kullanicilarin ana ekranlarinda goruntuleyebilecekleri ozel bir simge sunmak mumkundur Bu ozellik lt head gt de lt link rel apple touch icon gt degerini saglayarak etkinlestirilir web sitesi tarafindan sunulan belgelerin bolumu Ozel simge saglanmazsa web sayfasinin kucuk resim yerine ana ekrana yerlestirilir Bu simge icin onerilen temel boyut 152 152 pikseldir iPad icin temel boyut 180x180 pikseldir Android tabletler Chrome uzerinden 192x192 PNG simgesini tercih eder apple touch icon tarafindan referans verilen simge dosyasi yuvarlatilmis koseler eklemek icin degistirildi iOS 7 den onceki iOS surumlerinde bir golge ve yansitici parlaklik eklenir ve aygitlara goruntu uzerinde yansitici parlaklik uygulamamasi talimati vermek icin apple touch icon precomposed simgesi saglanabilir Koseleri yuvarlatilmis iOS tarafindan eklenmis lt link rel apple touch icon href https example com image png gt Bu simgeleri almak icin tarayicilar veya mobil cihazlar icin de HTML gerekmez Web sitesinin koku apple touch icon png dosyasinin varsayilan konumudur oncelik sirasina gore Birden fazla boyuttaki simgeler icin HTML5 onerisi Gecerli HTML5 ozelligi bir lt link gt icindeki rel icon sizes i space separated simge boyutlarinin listesi i ozniteliklerini kullanarak simgeler icin birden fazla boyut belirtmenizi onerir etiketi Microsoft ve Macintosh dosyalari gibi kapsayici formatlari ve Olceklenebilir Vektor Grafikleri gibi birden fazla simge formati simgelerin dahil edilerek saglanabilir type i dosya icerigi i biciminde lt link gt etiketi icinde IOS 5 itibaren Apple mobil cihazlari HTML5 onerisini yok sayar ve bunun yerine yukarida ayrintili olarak verilen ozel elma dokunma simgesi yontemini kullanir Google Chrome web tarayicisi ancak kullanici sectiginde 128 128 piksel uygulama simgeleri olusturmak icin HTML basliklarinda saglananlardan en yakin eslesen boyutu sececektir Araclar menusunden Uygulama kisayollari olustur Animasyonlu faviconlar Chrome Firefox ve Opera gibi cesitli tarayicilar favorilerin animasyonunu destekler Firefox icin 2001 den bu yana ozelligi devre disi birakmak icin bir yol isteyen bir hata raporu acildi Sinirlamalar ve elestiriSabit bir yerde her zaman kontrol etme geregi nedeniyle favicon yapay olarak yavas sayfa yukleme suresi ve mevcut degilse sunucu gunlugunde gereksiz 404 girise neden olabilir W3C rel niteligini standartlastirmadi bu yuzden kullanici aracisi tarafindan da kabul edilen kisayol simgesi gibi baska anahtar kelimeler de var Faviconlar genellikle HTTPS web sayfalarina yonelik phishing veya gizli dinleme saldirilarinin bir parcasi olarak manipule edilir Bircok web tarayicisi bir web sitesine baglanti TLS gibi guvenli bir protokol kullanip kullanmadigini iletmek icin kullanilan adres cubugu gibi web tarayicisinin UI alanlarinin yakininda faviconlar gosterir Favicon u bilinen bir asma kilit goruntusune degistirerek bir saldirgan kullaniciyi uygun web sitesine guvenli bir sekilde bagli olduklarini dusunerek kandirmaya calisabilir gibi otomatik man in the middle saldirisi araclari bu numarayi kullanir Bunu ortadan kaldirmak icin bazi web tarayicilari URL nin yanindaki web sitesine erismek icin kullanilan protokolun guvenlik durumunu goruntulerken sekme icindeki faviconu goruntuler Faviconlar genellikle sunucudaki site dizininin kokunde bulundugundan bir web istemcisinin verilen bir hizmete giris yapip yapmadigini aciklamak icin bir miktar guvenilirlikle kullanilabilir Bu bircok web sitesinin oturum acma sonrasi yeniden yonlendirme ozelligini kullanarak bir oturum acma sonrasi yonlendirme URL sinde favicon u sorgulayarak ve kullaniciya istenen kaynaga verilip verilmedigini yani giris yaptiniz veya bunun yerine giris sayfasina yonlendirildiler bu hizmete giris yapmadiklari anlamina gelir Not listesi Firefox ayari browser chrome favicons eger lt link gt etiketi olmadan web sitesinin kokundeki favicon ico etiketini kabul eder veya browser chrome site icons about config icinde true olarak ayarlanir Varsayilan deger sudur true false olarak ayarlanirsa bu faviconlar dikkate alinmaz Opera favicon ico u yukler ancak opera config 1 olarak ayarlanmissa Multimedia Always load faviconsecenegi yapar Daha fazla ayrinti icin Opera Destek sayfasina bakiniz Kaynakca a b c d Lane Dave 9 Agustos 2008 Egressive com 24 Ocak 2013 tarihinde kaynagindan arsivlendi Erisim tarihi 25 Subat 2011 Google in Yeni Mini Simgesinde Neler Var BBC 20 Ocak 2009 30 Aralik 2017 tarihinde kaynagindan Erisim tarihi 25 Subat 2011 Bu 16x16 piksel kare kapsami degilse soz konusu favicon un boyutudur a b c Apple Jennifer Photoshopsupport com 30 Ekim 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 25 Subat 2011 McGrew Darin 26 Nisan 2007 htmlhelp com 16 Aralik 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 23 Subat 2011 a b c Heng Christopher 7 Eylul 2008 Favicon ico nedir Sitenizin Yer Isaretlerini Kisisellestirin thesitewizard com 8 Subat 2012 tarihinde kaynagindan arsivlendi Erisim tarihi 23 Subat 2011 7 Aralik 2003 tarihinde kaynagindan arsivlendi Erisim tarihi 25 Ocak 2011 a b c d e f g h i j k Bir Web Sayfasina Kisayol Simgesi Nasil Eklenir Microsoft Developer Network Microsoft 5 Ocak 2018 tarihinde kaynagindan Erisim tarihi 15 Mart 2010 World Wide Web Consortium 24 Aralik 1999 9 Aralik 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 14 Mart 2011 World Wide Web Consortium 26 Ocak 2000 27 Mayis 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 14 Mart 2011 Dubost Karl Ekim 2005 Web sitesi meta veri profili favicon World Wide Web Consortium 18 Aralik 2019 tarihinde kaynagindan Erisim tarihi 23 Ocak 2011 a b Dubost Karl 24 Ekim 2005 World Wide Web Consortium 29 Kasim 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 25 Subat 2011 Butcher Simon 3 Eylul 2003 Internet Atanan Numaralar Kurumu 22 Ocak 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 25 Subat 2011 a b IE9 RC Kucuk Degisiklikler Listesi IEInternals 20 Nisan 2019 tarihinde kaynagindan Erisim tarihi 7 Nisan 2016 Irish Paul 15 Aralik 2010 37b5fec090d00f38de64 u Paulirish in html5 i GitHub 18 Ekim 2015 tarihinde kaynagindan Erisim tarihi 25 Subat 2011 18 Kasim 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 24 Kasim 2019 19 Ocak 2011 The WHATWG Blog WHATWG 6 Ekim 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 24 Kasim 2019 HTML5 Tracker 27 Eylul 2013 tarihinde kaynagindan arsivlendi Erisim tarihi 24 Kasim 2019 a b c David 19 Temmuz 2003 Mozilla 19 Eylul 2018 tarihinde kaynagindan arsivlendi Erisim tarihi 23 Subat 2011 a b 9 Ekim 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 1 Haziran 2014 Daniel Holbert 12 Haziran 2015 Hata 366324 SVG site simgeleri faviconlar kisayol simgeleri destegi yorum 55 Bugzilla Mozilla Mozilla 9 Ekim 2019 tarihinde kaynagindan Erisim tarihi 12 Temmuz 2015 tracker chromium chromium org 18 Subat 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 11 Nisan 2016 tracker chromium chromium org 8 Kasim 2018 tarihinde kaynagindan arsivlendi Erisim tarihi 8 Kasim 2018 a b 23 Subat 2024 tarihinde kaynagindan arsivlendi a b c d e f Davis Jeff 27 Aralik 2007 jeffdav on code Microsoft 9 Haziran 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 11 Mart 2013 a b c d e f Favicon ile eglence Microsoft 7 Eylul 2013 26 Ocak 2016 tarihinde kaynagindan Erisim tarihi 3 Kasim 2013 Microsoft Connect 3 Mayis 2013 21 Haziran 2016 tarihinde kaynagindan arsivlendi Erisim tarihi 4 Eylul 2014 a b c d e Opera Software 28 Ocak 2003 6 Temmuz 2017 tarihinde kaynagindan arsivlendi Erisim tarihi 28 Subat 2011 Opera Software 28 Mart 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 24 Haziran 2017 WebKit 6 Haziran 2018 6 Mart 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 3 Mart 2019 Iconfactory 7 Haziran 2018 1 Temmuz 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 3 Mart 2019 a b c d e f g h i j k l m n o p q r s t u v w x y z Francis Lewis 11 Aralik 2007 informationgift com 10 Ekim 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 23 Subat 2011 Opera Software 16 Temmuz 2009 27 Temmuz 2017 tarihinde kaynagindan arsivlendi Erisim tarihi 27 Subat 2011 IE9 RC Minor Changes List Microsoft 11 Subat 2011 18 Ekim 2015 tarihinde kaynagindan Erisim tarihi 16 Kasim 2013 Sabitlenmis Sekme Simgeleri Olusturma Apple Inc 12 Aralik 2016 9 Aralik 2019 tarihinde kaynagindan Erisim tarihi 9 Nisan 2019 16 Ocak 2013 18 Mayis 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 30 Mayis 2013 14 Nisan 2010 7 Nisan 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 15 Kasim 2011 2 Mart 2011 2 Aralik 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 15 Kasim 2011 Web Uygulamalari icin iPhone Insan Arabirimi Yonergeleri Metrikler Duzen Yonergeleri ve Ipuclari Apple Inc 18 Agustos 2010 tarihinde kaynagindan Erisim tarihi 27 Mayis 2010 a b c Safari Web Icerigi Kilavuzu Web Klibi icin Bir Web Sayfasi Simgesi Belirleme Apple Inc 15 Kasim 2010 10 Eylul 2016 tarihinde kaynagindan Erisim tarihi 25 Subat 2011 a b c d McLellan Drew 17 Ocak 2008 Allinthe head com 4 Nisan 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 11 Mart 2011 Apple touch icon Apple Inc 20 Kasim 2018 tarihinde kaynagindan Erisim tarihi 9 Nisan 2019 16 Kasim 2018 tarihinde kaynagindan arsivlendi Erisim tarihi 9 Eylul 2014 WHATWG 21 Aralik 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 17 Kasim 2015 bugzilla mozilla org 21 Kasim 2001 9 Ekim 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 24 Kasim 2019 Hacker News 7 Temmuz 2015 19 Eylul 2018 tarihinde kaynagindan arsivlendi Erisim tarihi 24 Kasim 2019 Marlinspike Moxie 21 Subat 2011 videonun aciklamasina bakin SecurityTube 2 Agustos 2018 tarihinde kaynagindan arsivlendi Erisim tarihi 9 Haziran 2011 Firefox surum 14 ozellikleri 19 Eylul 2018 tarihinde kaynagindan Erisim tarihi 18 Temmuz 2012 Linus Robin 21 Aralik 2019 tarihinde kaynagindan arsivlendi Erisim tarihi 14 Ekim 2016 Dis baglantilarVikisozluk te favicon ile ilgili tanim bulabilirsiniz Wikimedia Commons ta Favicon ile ilgili ortam dosyalari bulunmaktadir Curlie de Favicons DMOZ tabanli Proposals with the W3C web standards organization on how to add a Favicon 29 Kasim 2019 tarihinde Wayback Machine sitesinde Creating a favicon 8 Nisan 2019 tarihinde Wayback Machine sitesinde Stack Overflow Systems and Methods Involving Favicons 14 Mart 2012 tarihinde Wayback Machine sitesinde 2008 patent application What is a favicon 10 Ocak 2018 tarihinde Wayback Machine sitesinde