eigene Homescreen-Icons

Begonnen von dobra, Juli 13, 2015, 14:42:40

« vorheriges - nächstes »

0 Mitglieder und 1 Gast betrachten dieses Thema.

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
<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


mfG
dobra