Icons & favicons, splash screens, tiles

tile-splash-favicons.html

<!-- IE 10 Metro tile icon -->
<!-- Set a color of a tile -->
<meta name="msapplication-TileColor" content="#000">
<!-- Place an icon inside of a tile  -->
<meta name="msapplication-TileImage" content="/images/favicons/apple-touch-icon-144.png">
<!-- iOS splash images -->
<!-- iPhone portrait -->
<link rel="apple-touch-startup-image" href="/images/splash/splash-320.png" />
<!-- iPad portrait -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="/images/splash/splash-768.png" />
<!-- icons & favicons -->
<!-- For iPad with high-resolution Retina display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/images/favicons/apple-touch-icon-152.png">
<!-- For iPad with high-resolution Retina display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/favicons/apple-touch-icon-144.png">
<!-- For iPad with high-resolution Retina display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/images/favicons/apple-touch-icon-120.png">
<!-- For iPhone 4 with high-resolution Retina display running iOS ≤ 6 -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/favicons/apple-touch-icon-114.png">
<!-- non-retina iPad iOS 7 -->
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/images/favicons/apple-touch-icon-76.png">
<!-- For iPad 1-->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/favicons/apple-touch-icon-72.png">
<!-- For iPhone 3G, iPod Touch and Android -->
<link rel="apple-touch-icon-precomposed" href="/images/favicons/apple-touch-icon-precomposed-57.png">
<!-- For Nokia -->
<link rel="shortcut icon" href="/images/favicons/apple-touch-icon-57.png">
<!-- For everything else -->
<link rel="shortcut icon" href="/favicon.ico">