-
-
Save cjanis/3907067 to your computer and use it in GitHub Desktop.
iOS Standalone Web App Settings, Icons, and Startup Images
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- ios standalone web app --> | |
<meta name="apple-mobile-web-app-capable" content="yes"> | |
<!-- ios status bar appearance, options: black, black-translucent --> | |
<meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
<!-- ios icon, just one size because ios will scale it, remove "-precomposed" if you want ios to add effects --> | |
<link href="icon@144x144.png" sizes="144x144" rel="apple-touch-icon-precomposed"> | |
<!-- ios startup images --> | |
<!-- iPhone --><link href="start@320x460.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> | |
<!-- iPhone (Retina) --><link href="start@640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> | |
<!-- iPhone 5 --><link href="start@640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> | |
<!-- iPad Portrait --><link href="start@768x1004.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> | |
<!-- iPad Landscape --><link href="start@748x1024.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" rel="apple-touch-startup-image"> | |
<!-- iPad (Retina) Portrait --><link href="start@1536x2008.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> | |
<!-- iPad (Retina) Landscape --><link href="start@1496x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image"> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment