P5js-App-Icon

Deine Datei muss eine PNG Datei mit transparenten Hintergrund sein mit einer Auflösung von 1024 x 1024 Pixel. Das Bildmotiv sollte aber auch bei einer Auflösung von 50 x 50 px noch gut zu erkennen sein.


 * 1) Wandele die Icon-Datei mit einem Online-Tool in die Icon Formate um - www.makeappicon.com
 * 2) Kopiere den ios Ordner auf deinem Webspace zu der skatch und index Datei
 * 3) Füge den mobile-web-app-capable code in die Datei index.html ein - siehe unten!

       

Beispiel für eine index.html Datei:

<!DOCTYPE html> Mein-Titel   body {padding: 0; margin: 0;}       <link rel="apple-touch-icon" href="ios/Icon-App-60x60@2x.png" /> <link rel="apple-touch-icon" sizes="180x180" href="ios/Icon-App-60x60@3x.png" /> <link rel="apple-touch-icon" sizes="76x76" href="ios/Icon-App-76x76.png" /> <link rel="apple-touch-icon" sizes="152x152" href="ios/Icon-App-76x76@2x.png" /> <link rel="apple-touch-icon" sizes="58x58" href="ios/Icon-App-29x29@2x.png" /> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <body style="background-color:#FAFAFA;">