Last active
September 22, 2016 06:49
-
-
Save AllThingsSmitty/be4af8a4668f8854919e to your computer and use it in GitHub Desktop.
Which touch-icon sizes to use for mobile
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
<!-- https://mathiasbynens.be/notes/touch-icons#sizes --> | |
<!-- For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≤ 6: --> | |
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png"> | |
<!-- For the iPad mini and the first- and second-generation iPad (@1× display) on iOS ≥ 7: --> | |
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76-precomposed.png"> | |
<!-- For iPhone with @2× display running iOS ≤ 6: --> | |
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png"> | |
<!-- For iPhone with @2× display running iOS ≥ 7: --> | |
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120-precomposed.png"> | |
<!-- For iPad with @2× display running iOS ≤ 6: --> | |
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png"> | |
<!-- For iPad with @2× display running iOS ≥ 7: --> | |
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152-precomposed.png"> | |
<!-- For iPhone 6 Plus with @3× display: --> | |
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="apple-touch-icon-180x180-precomposed.png"> | |
<!-- For Chrome for Android: --> | |
<link rel="icon" sizes="192x192" href="touch-icon-192x192.png"> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment