Pytanie Co to jest najnowocześniejszy sprzęt w 2013 roku?


Działalność 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 powinienem zrobić, aby obsługiwać wyraźne ikony na większości obecnych urządzeń i przeglądarek?

Jak dotąd najlepszym zasobem, jaki mogłem znaleźć html5boilerplate, który zaleca posiadanie następujących plików:

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

nie umieszczając w nich żadnych linków <head> etykietka.

Edytować: Kolejną sprawą jest to, że pliki .ico mogą przechowuj w nich kilka obrazów o różnej rozdzielczości. Czy to jest przydatne lub obsługiwane?


16
2018-01-15 17:22


pochodzenie




Odpowiedzi:


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

W idealnej sytuacji plik favicon.ico powinien zawierać wiele rozdzielczości w jednym pliku, ponieważ obecnie przeglądarki mogą 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łem bezpłatne narzędzie online, które utworzy takie favicons na: http://iconifier.net

Zobacz stronę readme na stronie internetowej, aby uzyskać więcej linków do najnowszych informacji favicon.


13
2018-01-16 11:58



Dzięki za narzędzie, po prostu 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! - Patrick Oscity
Bardzo pomocne narzędzie. Wspaniale. Myślę jednak, że to dość ironiczne, że nie używasz favicon dla tego narzędzia. - Largo
@ p11y nie zawsze dobrze jest używać ikon "niezłożonych", jak gdyby 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". - Nick T