The Ikona dotyku Apple , znany również jako plik apple-touch-icon.webp, jest używany jako ikona strony internetowej na urządzeniach Apple iPhone, iPod Touch i iPad, podobnie jak Favicon. Ten symbol jest używany za każdym razem, gdy użytkownik dodaje zakładkę lub stronę internetową do swojego ekranu głównego. Te produkty Apple opierają się na migawce witryny internetowej, która często ma postać niewiele więcej niż białego kwadratu, jeśli nie można zlokalizować tego pliku.
Jeśli lokalizacja nie jest podana w kodzie HTML, plik ten powinien mieć postać a.webp o wymiarach 57 na 57 i znajdować się w katalogu domowym. Poniżej pokazano ilustrację przedstawiającą sposób, w jaki ten tag może wyglądać w kodzie HTML.
|_+_|Jak zrobić ikonę Apple Touch w responsywnej witrynie internetowej?
Ikona Apple Touch jest używana, gdy konsument zapisuje Twoje dane strona internetowa do ekranu głównego urządzenia z ekranem dotykowym iOS lub dodania go do zakładek. Apple użyje zrzutu ekranu Twojej witryny jako ikony, jeśli jej nie określisz, co często skutkuje nierozpoznawalnym kwadratem. Pokażemy Ci, jak stworzyć unikalną ikonę Apple Touch dla Twojej przyjaznej dla użytkownika witryny internetowej, aby nie zmuszać klientów do oglądania kiepskiej ikony Apple.
Utwórz ikonę Apple Touch
Java długo na ciąg
Ikona Apple Touch musi zostać utworzona w Photoshopie lub innym edytorze obrazów na początkowym etapie. Plik należy zapisać pod nazwą „apple-touch-icon.webp” i mieć wymiary 180 na 180 pikseli.
Dodaj plik ikony Apple Touch swojej witryny internetowej.
Następnym krokiem jest przesłanie dokumentu ikony Apple Touch na swoją stronę internetową. Możesz umieścić go w dowolnym miejscu, jednak zalecamy przechowywanie go w głównym folderze zdjęć. Ze względu na to, że będziemy z niego korzystać w kolejnej fazie, pamiętaj o tym, gdzie zapisałeś swój plik.
Algebra relacyjna w rdbms
Korzystając z elementu łącza, zdefiniuj ikonę Apple Touch.
Ostatnim krokiem jest zidentyfikowanie i nazwanie najnowszej ikony Apple Touch w elemencie łącza dodanym do elementu HEAD swojej strony.