Waarom de iPhone een eigen beginschermicoon nodig heeft
Een opgeslagen website gebruikt niet simpelweg een vergroot tabblad-ICO. Maak een afzonderlijke afbeelding.
Exporteer PNG
Maak vanuit het origineel een vierkante PNG; 180×180 is een gebruikelijk iPhone-startpunt. Controleer Apples richtlijnen voor doelapparaten en ontwerp achtergrond en marges bewust.
Verwijs naar het touch-icoon
Laat rel="apple-touch-icon" naar de openbare PNG wijzen. Pas het voorbeeld aan en controleer de CMS-uitvoer op dubbele verwijzingen of verkeerde paden.
Voeg opnieuw toe
Verwijder de oude testsnelkoppeling en voeg de site op een echt apparaat opnieuw toe. IcoJet exporteert ICO; maak de touch-PNG afzonderlijk in een beeldeditor.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">Bronnen en verder lezen
Apple — Web Clip icons ↗MDN — link ↗