IE 10'daki En Popüler Siteler Ekranınız - Simgeler görünmüyor

Biz favicon, tabletler, akıllı telefonlar, windows 8 fayans ve benzeri için simgeler eklemek için aşağıdaki kodu kullanın: -

<link rel="apple-touch-icon" href="apple-touch-icon.png">

<link rel="shortcut icon" type="image/x-icon" href="https://webmasters.stackexchange.com/favicon.ico"/>

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">

<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

<meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/>

<meta name="msapplication-TileColor" content="#17151a"/>

Ne yazık ki bu IE9 ve IE10'un 'en popüler siteler ekranınız' için çalışmıyor gibi görünüyor, google aramaları aydınlatıcı değil.

Yığın, <link rel="apple-touch-icon" href="apple-touch-icon.png">bunun için işe yarıyor gibi görünüyor, ancak bizim için değil.

Bir çözümün herhangi bir ipucu takdir.

resim açıklamasını buraya girin

internet-explorer favicon

— MJWadmin
kaynak

Sadece bu ekranda başarısız mı ? Örneğin. Normal şekilde ziyaret edildiğinde simge tarayıcı sekmesi tarafından yükleniyor mu? Bu kesinlikle bir şey kanıtlamazdı, ama biraz bilgilendirici olurdu. Aksi takdirde, favicon durumunu oldukça iyice kapatmışsınız gibi görünüyor. Bunun için çok endişeleneceğime emin değilim. Tarayıcılar, genel olarak çağlar boyunca favicons yükleme konusunda meşhur bir şekilde lapa lapa edilmiştir. Ayrıca, herkes için olur mu?

— Su '

Simgelerin hiçbiri 404'lü değildir ve favicon, dokunmatik simgeler gibi diğer tarayıcılarda da çalışır. Bu çok can sıkıcı 'başkanlık bildirimi' sorunlarından biridir. Sabahı bunun üzerinde geçirdikten sonra, merak ve hayal kırıklığı benden daha iyi oldu.

— MJWadmin

Yığının kullandığı gerçek PNG görüntüsünü denediniz mi? PNG formatının kendisinde bir anormallik varsa?

— MrWhite

Diğer tarayıcılar burada alakalı değildir; Simgenin normal IE sekmelerinde yüklenmesi anlamına geliyordu. 404'lerin olmaması da size bir şey söylemeyecektir. Görüntünün gerçekten orada olup olmadığı ile ilgisi yoktur. Tarayıcılar genellikle favicons, period yükleme konusunda kararsızdır; kendini bir sorun haline getirdiğinde, genellikle yapılabilecek çok az şey vardır (önbelleği temizlemek ve aklınıza gelebilecek başka bir şey olabilir: işe yarayabilir, olmayabilir; bu bir sürpriz olacak!) Zamanla daha iyi hale geldiler, ama hala oluyor. Firefox , simgesi olan başka bir sekmede zaten açık olan bir sitenin sekmesine sık kullanılan simgesi yükleyemedi.

— Su '

Yorumlarda web sitesine bir bağlantı gönderebilir misiniz?

Yanıtlar:

İco dosyanız nerede? Kök klasörde olduğunu görebiliyorum, sonra arkasındaki eğik çizgiye ihtiyacınız yok, eğik çizgiyi dosyanızın arkasından kaldırın, ayrıca ihtiyacınız yoktype="image/x-icon"

ICO dosyanız farklı gerekli simge boyutlarına sahip normal bir simge kitaplığı olmalıdır.

<link rel="shortcut icon" href="favicon.ico"/>

Sadece yukarıdaki kodu kullanın, IE9, IE10, FX ve Chrome için mükemmel çalışır.

Daha önce farklı favico'larınız varsa , tarayıcınızın önbelleğini de yenilemeniz gerekir .

— omne
kaynak

dosyanın aslında kök klasörde olduğunu varsayarsak, sorun kesinlikle dosyadır, gösterildiği gibi html etiketi değildir (IE sorunlarına neden olan başka html hataları olmadığı sürece). Benim favori simgesi bağlantı @MJWadmin gibi yazılmış ve benim simgesi IE9 favori sekmelerde iyi yükler

— WebChemist

Favicon'unuzun boyutları nelerdir? Bu yönergelere uygun olduklarından emin olmak için bu listeyi kontrol edin:

Site Simgesini Özelleştirme - Internet Explorer 9'daki Site Simgeleri

Düzenle

Stackoverflow'un kaynak koduna baktığımda 2 simge resmi görüyorum:

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

IE9'daki favorilerim sekmesinde stackoverflow'uma baktığımda, önerdiğiniz gibi 158x158 stackoverflow elma dokunmatik simgesini değil, 16x16 favicon (ve 32x32 kapta ortalıyor) kullanıyor gibi görünüyor, çünkü png'ye bakarsanız, yandan tabana kadar "dolgu" mesafe oranı yaklaşık 2.5: 1'dir, burada favicon'daki 1: 1, IE9 sekmesindeki 1: 1 dolgu ile aynıdır ...

Sana işverenimin favicon'unun IE9 sık kullanılanlarına ve 64x64'e (saydamlık yok, boyut 12.5kb) yüklediğini söyleyebilirim. Favicon'unuzu hala gösteremiyorsanız, gerçek resim dosyasını kontrol edebilmemiz için bir bağlantı gönderin

— WebChemist
kaynak

-1

Omne'un önerdiği gibi deneyin ve type özniteliğinizi kaldırın veya image / vnd.microsoft.icon ile ikinci bir özellik ekleyin. Ve sonra sunucunuzun dot ico dosyaları için mime türünü gönderdiğinden emin olun. Bunu gör:

https://github.com/paulirish/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee

Bazı Backstory

Eskiden ya da ikonlar için doğru mime tipinin ne olduğu hakkında tartışılmıştı.

Microsoft dünyası eskiden ve muhtemelen hala "image / vnd.microsoft.icon" 'a güveniyor.

Gönderen ICO Format wikipedia :

ICO dosyaları için resmi IANA tescilli MIME türü 2003 yılında kayıtlı image / vnd.microsoft.icon'dur. Hatalı etiketler "image / ico", "image / icon", "text / ico" ve "application / ico" resmi olmayan adıyla "image / x-icon" resmi kayıt ve MIME türünün atanması sırasında kullanılıyordu.

henüz Favicon için wikipedia dan

2003 yılında, .ico biçimi MIME türü image / vnd.microsoft.icon altında Internet Atanmış Numaralar Kurumu'na (IANA) kaydedildi. [12] .İco biçimini kullanırken, Internet Explorer standartlaştırılmış MIME türüyle sunulan dosyaları görüntüleyemez. Internet Explorer için geçici bir çözüm, .ico'yu Web sunucularındaki standart olmayan resim / x-icon MIME türüyle ilişkilendirmektir.

— Anthony Hatzopoulos
kaynak