SORU
15 ŞUBAT 2010, PAZARTESİ


Boyutlar Favicon?

=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?

CEVAP
19 Mayıs 2014, PAZARTESİ


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ç:

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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BradleyWuzHere

    BradleyWuzHe

    25 NİSAN 2011
  • Gan Eden Productions

    Gan Eden Pro

    11 HAZİRAN 2011
  • Michael Neal

    Michael Neal

    2 Mayıs 2009

İLGİLİ SORU / CEVAPLAR