Dlaczego iPhone potrzebuje osobnej ikony ekranu początkowego
Ikona zapisanej strony nie jest po prostu powiększonym ICO. Przygotuj osobną grafikę.
Wyeksportuj PNG
Utwórz kwadratowy PNG z oryginału; 180×180 to częsty punkt wyjścia dla iPhone'a. Sprawdź dokumentację Apple dla urządzeń docelowych, zaplanuj tło i marginesy.
Dodaj deklarację
rel="apple-touch-icon" powinien wskazywać publiczny PNG. Dostosuj przykład i sprawdź wynikowy HTML CMS pod kątem duplikatów oraz błędnych ścieżek.
Dodaj nowy skrót
Usuń poprzedni skrót testowy i ponownie dodaj stronę na rzeczywistym urządzeniu. IcoJet eksportuje ICO; PNG dla ekranu początkowego przygotuj oddzielnie w edytorze.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">Źródła i dalsza lektura
Apple — Web Clip icons ↗MDN — link ↗