Webseite – Icon als iOS App Symbol bereitstellen
Dir ist bestimmt schonmal aufgefallen, wenn Du eine Webseite als Link auf den Desktop des iOS-Device kopierst, manchmal ein schickes Icon erscheint.
Wie das geht erkläre ich hier kurz und knapp:
1.) Erstelle ein 158×158 pixels PNG image (für das Retina-Display),
2.) Benenne es zwingend: apple-touch-icon.png
3.) Speichere es in das root Deiner Webseite
Beispiel: hier.
Der Apple typische „Glossy-Effekt“ wird automatisch über die Grafik gelegt.
Es wird kein besonderer Code benötigt. Das iOS Device wird die Datei automatisch identifizieren.
Wenn auf einer URL mehrere Webseiten gehostet werden, muss ein Codeschnipsel her.
Trage irgendwo nach dem Argument <head> :
<link rel=“apple-touch-icon“ href=“beispiel-pfad/beispiel-name.png“/>
Das war es auch schon. Grüße Gunnar