Merge b3377b6890 into 25763319f0

README.md

@@ -315,6 +315,11 @@ Below are the link relations which are not recommended for use:
 - [All About Favicons (And Touch Icons)](https://bitsofco.de/all-about-favicons-and-touch-icons/)
 - [Favicon Cheat Sheet](https://github.com/audreyr/favicon-cheat-sheet)
 
+<!--Android Chrome with App Name when add to homescreen-->
+<link rel="manifest" href="path/to/manifest.json">
+
+- [Read More Here](https://developer.chrome.com/multidevice/android/installtohomescreen)
+
 ## Social
 
 ### Facebook / Open Graph
@@ -411,6 +416,16 @@ Below are the link relations which are not recommended for use:
 <link rel="apple-touch-icon" href="path/to/apple-touch-icon.png">
 <link rel="apple-touch-icon-precomposed" href="path/to/apple-touch-icon-precomposed.png">
 <!-- In most cases, one 180×180px touch icon in the head is enough -->
+
+<link rel="apple-touch-icon" sizes="57x57" href="path/to/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="60x60" href="path/to/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="72x72" href="path/to/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="76x76" href="path/to/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="114x114" href="path/to/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="120x120" href="path/to/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="144x144" href="path/to/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="152x152" href="path/to/apple-touch-icon-152x152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="path/to/apple-touch-icon-180x180.png">
 <!-- If you use art-direction and/or want to have different content for each device, you can add more touch icons -->
 
 <!-- Startup Image -->

manifest.json

@@ -0,0 +1,41 @@
+{
+	"name": "App Name.",
+	"icons": [
+		{
+			"src": "\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": 0.75
+		},
+		{
+			"src": "\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": 1
+		},
+		{
+			"src": "\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": 1.5
+		},
+		{
+			"src": "\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": 2
+		},
+		{
+			"src": "\/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image\/png",
+			"density": 3
+		},
+		{
+			"src": "\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png",
+			"density": 4
+		}
+	]
+}