poniższe tabele ilustrują obsługę różnych funkcji w głównych przeglądarkach internetowych. O ile nie zaznaczono, numery wersji wskazują początkowy numer wersji obsługiwanej funkcji.

Obsługa formatu Plikudytuj

poniższa tabela ilustruje obsługę formatu plików graficznych dla favicon.

  1. ^ Safari, od wersji 12.0, obsługuje jednokolorowe favicony SVG w niektórych przypadkach w niestandardowym formaciemask-icon.,

dodatkowo takie pliki ikon mogą być 16×16, 32×32, 48×48, lub 64×64 pikseli i 8-bitową, 24-bitową lub 32-bitową głębię kolorów. Artykuł w formacie pliku ICO wyjaśnia szczegóły dotyczące ikon z ponad 256 kolorami na różnych platformach Microsoft Windows.

użycie faviconEdit

Ta tabela przedstawia różne obszary przeglądarki, w których mogą być wyświetlane favicony.

Opera Software dodała możliwość zmiany ikony favicon w Szybkim wybieraniu w Operze 10.,

Jak korzystaćedit

Ta tabela pokazuje różne sposoby rozpoznawania favicon przez przeglądarkę internetową. Standardowa implementacja używa elementu łącza z atrybutemrel w sekcji<head> dokumentu, aby określić format, nazwę i lokalizację plików.

  1. ^ Firefox akceptuje tylko favicon.ico w katalogu głównym witryny bez znacznika <link> jeśli ustawienie browser.chrome.site_icons jest ustawione na true in about:config., Wartość domyślna to true. Jeśli ustawione na false, te favicony są ignorowane.
  2. ^ Opera ładuje/favicon.ico tylko wtedy, gdyMultimedia/Always load favicon opcja wopera:config jest ustawiona na1. Więcej szczegółów można znaleźć na stronie pomocy Opera.

Jeśli są obecne łącza dla FAVICONÓW PNG i ICO, przeglądarki kompatybilne z PNG-favicon wybierają format i rozmiar, których mają używać w następujący sposób. Firefox i Safari będą używać favicon, który jest ostatni., Chrome dla komputerów Mac będzie używać ikony favicon sformatowanej ICO, w przeciwnym razie favicon 32×32. Chrome Dla Windows użyje ikony favicon, która jest pierwsza, jeśli jest 16×16, w przeciwnym razie ICO. Jeśli żadna z powyższych opcji nie jest dostępna, oba Chrome będą używać faviconu jako pierwszego, dokładnie odwrotnie niż Firefox i Safari. Rzeczywiście, Chrome dla komputerów Mac zignoruje favicon 16×16 i użyje wersji 32×32, tylko do skalowania go z powrotem do 16×16 na urządzeniach innych niż siatkówka. Opera wybierze jedną z dostępnych ikon całkowicie losowo.,

tylko SeaMonkey domyślnie nie pobiera plikówfavicon.ico w katalogu głównym strony.

Device supportEdit

Ta sekcja wymaga aktualizacji. Zaktualizuj ten artykuł, aby odzwierciedlić Ostatnie wydarzenia lub nowo dostępne informacje. (Marzec 2018)

dla urządzeń Apple z systemem operacyjnym iOS w wersji 1.1.3 lub nowszej, a także niektórych urządzeń z Androidem, możliwe jest dostarczenie niestandardowej ikony, którą użytkownicy mogą wyświetlać na swoich ekranach głównych za pomocą przycisku Dodaj do ekranu głównego w arkuszu Udostępnij w Safari., Ta funkcja jest włączona przez dostarczenie <link rel="apple-touch-icon" ...>w sekcji<head> dokumentów obsługiwanych przez stronę internetową. Jeśli niestandardowa ikona nie zostanie wyświetlona, na ekranie głównym zostanie wyświetlona Miniatura strony internetowej.

zalecany rozmiar podstawowy dla tej ikony to 152×152 piksele.

dla iPada podstawowy rozmiar to 180×180 pikseli. Tablety z Androidem wolą ikonę PNG 192×192.

plik ikon, do którego odwołuje się apple-touch-icon jest modyfikowany, aby dodać zaokrąglone rogi., W wersjach systemu iOS poprzedzających iOS 7 Dodano Cień i odblaskowy połysk, a ikona apple-touch-icon-precomposed może być dostarczona, aby instruować urządzenia, aby nie stosowały odblaskowego połysku na obrazie.

z zaokrąglonymi rogami, dodawane przez iOS

<link rel="apple-touch-icon" href="https://example.com/image.png">

przeglądarki lub urządzenia mobilne nie wymagają HTML, aby odzyskać te ikony. Katalog główny strony jest domyślną lokalizacją pliku apple-touch-icon.png (w kolejności priorytetów).,

rekomendacja HTML5 dla ikon w wielu rozmiarachedit

aktualna Specyfikacja HTML5 zaleca określenie wielu rozmiarów ikon, używając atrybutówrel="icon" sizes="space-separated list of icon dimensions" w ramach znacznika<link>. Wiele formatów ikon, w tym formaty kontenerów, takie jak Microsoft .ico i Macintosh .pliki icns, a także skalowalne grafiki wektorowe mogą być dostarczane przez włączenie typu zawartości ikony w formacie type="file content-type"w <link> tag.,

począwszy od iOS 5, Urządzenia mobilne Apple ignorują zalecenie HTML5 i zamiast tego używają zastrzeżonej metodyapple-touch-icon opisanej powyżej. Jednak przeglądarka internetowa Google Chrome wybierze najbliższy pasujący rozmiar z tych podanych w nagłówkach HTML, aby utworzyć ikony aplikacji 128 × 128 pikseli, gdy użytkownik wybierze skróty Utwórz aplikację… z menu „Narzędzia”.

animowane faviconsedytuj

różne przeglądarki, takie jak Chrome, Firefox i Opera, obsługują animacje favicons., W Firefoksie od 2001 roku został otwarty raport o błędzie z prośbą o wyłączenie tej funkcji.