Geek Answers Handbook

Apple iPhone / iPodTouch screen sizes

On Apple iPhones and iPod Touches, you specify a link to the icon file as follows:

<link rel="apple-touch-icon" href="/apple-touch-icon.png">

... but on this page , he recommends specifying two different icon sizes, one for iPhone <4 and another for iPhone 4.

There is no documentation I can find that shows how to specify two separate icons. Can anyone help?

+5
source share
1 answer

Google has a lot of documentation about this.

Just use:

<!-- **normal** (iPhone/iPod **non retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>

<!-- **normal** (iPhone/iPod **retina** display) -->
<link rel="apple-touch-icon" href="apple-touch-icon-72.png" sizes="72x72"/>

<!-- and **iPad** version -->
<link rel="apple-touch-icon" href="apple-touch-icon-114.png" sizes="114x114"/>

As additional information , you can have an icon without a glitter effect if you use apple-touch-icon-precomposedinstead apple-touch-icon.

, , Safari Mobile, ..

, , , -

+14

More articles:


All Articles