eigene Homescreen-Icons

[dobra]

Eigenen Touch Icon für Mobilgeräte erstellen ist genauso einfach, wie eigene Favicons einbinden 

1)  brauchen Sie 4 Icons im PNG-Format.
     Folgende Größen werden benötigt:
     57x57px, 72x72px, 114x114px und 144x144px
     Kann mit beliebigem Bildbearbeitungs-Software gemacht werden, oder einfacher ->
     EIN quadratisches Images im beliebigem Format (sollte aber mindestens 150x150px sein) z.B. hier erstellen lassen:
     http://manytools.org/http-html-text/apple-touch-icon-generator/

2) die 4 Images im icon-Ordner ablegen (bei anderem Ordner Script anpassen)
     und im Projekt "Dateien hinzufügen" eintragen

3)  im head diese Codezeilen einfügen

Code: [Auswählen]

<link rel="apple-touch-icon-precomposed" href="../icon/apple-touch-icon-iphone-60x60.png">
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="../icon/apple-touch-icon-ipad-76x76.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../icon/apple-touch-icon-iphone-retina-120x120.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../icon/apple-touch-icon-ipad-retina-152x152.png">
4) Shop veröffentlichen

Bei Android schaut das dann z.B. so aus




Linkback: https://www.shoppilot.net/pf/index.php?topic=1731.0