2013-01-15 24 views
16

Favicon işi son yıllarda karmaşıklaştı. Tabletler ve akıllı akıllı telefonlar gibi icat edilen yeni cihazlar (yeniden). Favicon'ları yeni yollarla kullanırlar (örneğin, ana sayfalardaki uygulama simgeleri olarak) ve bunlara satıcıya özel yolların kullanılmasını gerektirirler. Benzer şekilde, tarayıcılar artık web uygulamaları için masaüstü kısayollarının oluşturulmasına izin vermektedir (bu simgeler için de simgeler kullanır). Daha da kötüsü, artık hem taşınabilir aygıtlarda hem de dizüstü bilgisayarlarda yüksek çözünürlüklü ("retina") ekranlar var, bu simgeler için daha yüksek çözünürlüklü görüntüler gerektirir. Daha da kötüsü, farklı tarayıcılar (ve sürümler) simgeler ve farklı boyutlar için farklı görüntü formatlarını destekler. Sadece .xs sadece .ico-only IE6 ile başlayıp şimdi .svg simgelerini destekleyen Opera ile bitiyor.2013 yılında faviconların son durumu nedir?

Günümüzde çoğu cihaz ve tarayıcıdaki canlı simgeleri desteklemek için ne yapmalıyım?

apple-touch-icon-114x114-precomposed.png 
apple-touch-icon-144x144-precomposed.png 
apple-touch-icon-57x57-precomposed.png 
apple-touch-icon-72x72-precomposed.png 
apple-touch-icon-precomposed.png 
apple-touch-icon.png 
favicon.ico # 32x32 

<head> etiketinde onlara herhangi bağlantıları koyarak değil iken:

Şimdiye kadar bulabildiğim en iyi kaynaktır aşağıdaki dosyaları sahip önerir hangi html5boilerplate oldu.

Düzenleme: başka husus .ico onları farklı çözünürlükte can mağaza birkaç görüntü dosyaları olmasıdır. Bu yararlı mı yoksa destekleniyor mu?

cevap

13

Listenizi onaylayan http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html numaralı telefondan bazı resmi öneriler alınabilir.

İdeal olarak, favicon.ico dosyasının tek bir dosyada birden fazla çözünürlük içermesi gerekir, çünkü güncel tarayıcılar şimdi bundan faydalanabiliyor ve 16 x 16 simgesi retina ekranında hiç iyi görünmeyecek.

Artık Microsoft, favicon.ico dosyasının en az 16 × 16, 24 × 24, 32 × 32 ve 64 × 64 içermesini önerir. En son site simgesi bilgilere daha bağlantıları için web sitesinde benioku sayfasına bakın http://iconifier.net

:

Sadece bu gibi faviconları yaratacak ücretsiz bir online araç başlattı.

+0

Aracınız için teşekkürler, sadece büyük bir başarı ile kullandım! Bir "önceden oluşturulmuş" seçeneği harika olurdu, bu yüzden bir kişi önceden çizilmiş simgeler için elma ikon dosyalarını elle yeniden adlandırmak zorunda kalmayacaktı. Şerefe! –

+2

Çok yardımcı bir araç. Bu harika. Ancak, araç için bir favicon kullanmamanın oldukça ironik olduğunu düşünüyorum. – Largo

+1

@ p11y "önceden oluşturulmuş" simgeleri, sanki oldukları gibi kullanmak her zaman iyi değildir. Masaüstü/ana ekranda bir simge olarak iyi görünecek şekilde tam olarak oluşturulmuş simgeler olmaları amaçlanmıştır; Çok fazla şeffaflık varsa, biraz yanlış görünebilir. Bence Apple aygıtları, önceden oluşturulmuş olmayan simgeleri yuvarlak köşeli bir arka plan üzerine koyarak ve "parlak" bir efekt ekleyerek oluşturacaklarını düşünüyorum. –