2013-01-15 14 views
16

Firma Favicon uległa komplikacji w ciągu ostatnich lat. Nowe rodzaje urządzeń (re) wymyślonych, takich jak tablety i inteligentne smartfony. Używają faviconów w nowy sposób (np. Jako ikony aplikacji na ekranach głównych) i wymagają specyficznych dla dostawcy sposobów ich łączenia. W podobny sposób przeglądarki umożliwiają teraz tworzenie skrótów do pulpitu dla aplikacji internetowych (które również wykorzystują ikony ulubionych ikon). Co gorsza, mamy teraz wyświetlacze o wysokiej rozdzielczości ("siatkówka") zarówno w urządzeniach przenośnych, jak iw laptopach, które wymagają obrazów o wyższej rozdzielczości dla ikon. Co gorsza, różne przeglądarki (i wersje) obsługują różne formaty obrazów dla ikon i różnych rozmiarów. Począwszy od wersji 16x16 tylko. IE6 i kończąc na Opera, która obsługuje teraz ikony .svg.Co to jest state-of-art of favicon w 2013 roku?

Co należy zrobić, aby obsługiwać wyraźne ikony na większości urządzeń i przeglądarek w dzisiejszych czasach?

Dotychczas najlepszym źródłem mogłyby znaleźć był html5boilerplate, który zaleca posiadające następujące pliki:

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 

natomiast nie wprowadza żadnych linków do nich w <head> tagu.

Edit: Innym zjawiskiem jest to, że Ico plików może przechowywać kilka obrazów o różnej rozdzielczości w nich. Czy to jest przydatne lub obsługiwane?

Odpowiedz

13

Istnieje kilka oficjalnych porad na temat http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html, które wydają się potwierdzać twoją listę.

Idealnie, plik favicon.ico powinien zawierać wiele rozdzielczości w jednym pliku, ponieważ aktualne przeglądarki mogą teraz z niego korzystać, a ikona 16 x 16 nigdy nie będzie wyglądać dobrze na ekranie siatkówki.

Microsoft najwyraźniej teraz zaleca plik favicon.ico zawierający co najmniej 16 × 16, 24 × 24, 32 × 32 i 64 × 64.

właśnie uruchomiła bezpłatne narzędzie online, które będą tworzyć favikony jak ten na stronie: http://iconifier.net

Zobacz stronę readme na stronie więcej linków do najnowszych informacji favicon.

+0

Dzięki za narzędzie, użyłem go z wielkim sukcesem! Opcja "wstępnie skomponowana" byłaby świetna, więc nie trzeba ręcznie zmieniać nazwy plików ikon jabłek dla wstępnie skomponowanych ikon. Twoje zdrowie! –

+2

Bardzo pomocne narzędzie. Wspaniale. Myślę jednak, że to dość ironiczne, że nie używasz favicon dla tego narzędzia. – Largo

+1

@ p11y nie zawsze dobrze jest używać ikon niezakończonych "tak, jakby były. Są to w pełni skomponowane ikony, które będą dobrze wyglądać jako ikona na pulpicie/ekranie głównym; jeśli jest dużo przejrzystości, może wyglądać trochę źle. Myślę, że urządzenia Apple będą komponować niezakończone ikony, umieszczając je na zaokrąglonym prostokątnym tle i być może dodając efekt "połysku". –