Favicon, ikona, ikona skrótu, ikona dotyku jabłka: Czy są jeszcze jakieś?


24

Znam 2 podstawowe rodzaje domyślnych ikon internetowych dla stron internetowych:

  • Favicon : umieść.icosformatowany plik w katalogu głównym witryny o nazwie,favicon.icoa większość przeglądarek komputerowych go znajdzie i wyświetli w różnych kontekstach (zakładki, zakładki). Można go również dodać w kodzie, który pozwala określić inne nazwy i inne typy grafiki w pliku, choć istnieją ograniczenia dotyczące typów i rozmiarów przeglądarek :

    <link rel="shortcut icon" href="/webmasters//favicon.ico" />
    <link rel="icon" href="/webmasters//favicon.ico" />
    
  • Web Ikona Klip : Umieśćpngsformatowany plik o nazwie alboapple-touch-icon.pnglubapple-touch-icon-precomposed.pngw katalogu głównym witryny i wersji iPhone OS / iOS Safari odbierze ci się i zapisywać je, gdy strona zostanie dodana do ekranu głównego. Można również dodać za pomocą kodu takiego jak:

    <link rel="apple-touch-icon" href="/webmasters//custom_icon.png" />
    

Czy jest jakaś inna domyślna grafika ikony witryny, którą może zawierać webmaster?

Odpowiedzi:


8

To wydaje się na podstawie tego i to , że Android będzie używać reltypu apple-touch-icon-precomposedlub apple-touch-icon, ale że go do pracy trzeba użyć w pełni kwalifikowany adres URL, na przykład:

<link rel="apple-touch-icon-precomposed"
      href="http://www.example.com/custom_icon.png" />

lub:

<link rel="apple-touch-icon"
      href="http://www.example.com/custom_icon.png" />

Zastrzeżenie polega na tym, że wydaje się, że dotyczy to aktualizacji Androida 2.1 i wersji Webkit 3.1 . Dokumentacja dla deweloperów Androida wspomina o metodzie polegającej na android.webkitzdarzeniu, gdy apple-touch-iconzostanie pobrana.


1

To zależy od wybranej platformy. Ale myślę, że większość - zgodnych ze standardem - przeglądarek mobilnych rozumie domyślne tagi favicon. Może możesz wyszukać specjalne przypadki użycia (np. Utworzyć skrót na pulpicie ze specjalną ikoną) na platformach takich jak Android, iOS, WebOS, ...

Właśnie opracowałem kilka witryn skierowanych do użytkowników iPhone'a. Na tych stronach korzystałem z Wordpress ze specjalną wersją motywu WPTouch.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.