=20 piksel favicon adlı genişlik yükseklik boyutları ile bir favicon= / 26px var.png

<link href=http://www.example.com/images/favicon.png rel="shortcut icon" />

Ancak, benim tarayıcı benim favicon.png bozuk çıkıyor.

SoruBenim favicon.png Boyutlar/belirli bir boyutta olması gerekiyor? Ayrıca, hiç bir standart boyutu ne kadar olursa/boyut kullanabilir miyim?

Kısa cevap

The favicon is supposed to be a set of 16x16, 32x32 and 48x48 pictures in ICO format. ICO formatı PNG farklıdır. Kare olmayan resimleri desteklenmez.

Favicon, birçok nedenlerle, aşağıda açıklandığı oluşturmak için, favicon generator Bu kullanmanızı tavsiye ederiz. Tam Açıklama: Bu site, ben yazar değilim.

Uzun, kapsamlı cevap

Favicon Kare olmalıdır. Masaüstü tarayıcılar ve Apple iOS Kare olmayan simgeleri desteklemez.

Favicon birkaç dosya tarafından desteklenir:

• ** 4 simgesi.
• Başka PNG simgeler.

Masaüstü tarayıcılar (Windows/İE, MacOS/Safari, vb.) arasında en iyi sonuçları elde etmek için simgeler her iki tür birleştirmek gerekir.

favicon.ico

Tüm masaüstü tarayıcılar bu simge ile anlaşma olsa da, öncelikle IE eski sürümleri için.

ICO formatı PNG biçimi farklı. Bu noktada bazı tarayıcılar PNG resim doğru olarak işlemek için yeterince akıllı olduğundan zordur yanlış ICO uzantısı ile anılmaya başlandı bile.

ICO dosyası birkaç resim içerebilir ve Microsoft recommends to put 16x16, 32x32 and 48x48 versions of the icon in favicon.ico. Örneğin, IE adres için 16 x 16 sürümü çubuğu ve görev çubuğu kısayol için 32 x 32 kullanacaktır.

Favicon ile bildirin:

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

Ancak, not declare it at all place favicon.ico in the root directory of the web site için önerilir ve modern tarayıcılar PNG simgeler seçelim.

PNG simgeler

Modern masaüstü tarayıcılar (İE11, Chrome, yeni sürümleri, Firefox...) kullanmayı tercih PNG simgeler. Her zamanki beklenen boyutları 16x16, 32x32 and "as big as possible". Örneğin, Safari/MacOS eğer bulabileceğiniz en büyüğü ise 196x196 simgesini kullanır.

Önerilen boyutları nelerdir? Favori platformları seç:

• Most desktop browsers: 16x16, 32x32, "as big as possible"
• Android Chrome: 192x192
• Google TV: 96x96
• ... ve diğerlerinden daha fazla veya daha az belgelenmiştir.

PNG simgeleri ile ilan etti

<link rel="icon" type="image/png" href="/path/to/icons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-32x32.png" sizes="32x32">
...

Dikkat: Firefox does not support the sizes attribute and uses the last PNG icon it finds. Firefox için yeterince iyi olduğunu ve büyük bir resim indirme önleyecektir buna ihtiyacı yok. 32 x 32 resmi geçen bildirmek için emin olun:

Ayrıca Chrome does not support the sizes attribute and tends to load all declared icons unutmayın. Daha fazla simgeleri ilan değil.

Mobil platformlar

Bu soru çok fazla bu konuda konuşmak gerek yok yani masaüstü favicon hakkında.

Apple defines touch icon for the iOS platform. iOS Kare olmayan simge desteklemiyor. It simply rescales non-square pictures to make them square (look for the Kioskea example).

Android Chrome relies on the Apple touch icon and also defines a 192x192 PNG icon.

Microsoft defines the tile picture browserconfig.xml file.

Sonuç

Her yerde çalışan bir favicon oluşturma oldukça karmaşık. favicon generator Bu kullanmanızı tavsiye ederiz. Tam Açıklama: Bu site, ben yazar değilim.