iPad fails to find apple-touch-icon.png for home page bookmark

Question

I've added link rel="apple-touch-icon" href="apple-touch-icon.png" to the main index.php file in the head section. I've got apple-touch-icon.png in the root dir. I've tried 57x57, 72x72 and 114x114 pngs.

When I click the 'Add to Home Screen' button in Safari, the iPad fails to find my .png file. It shows a black box with a grey outline. I can't figure out how to get my iPad to use my .png image.

score 1 · Answer 1 · answered Aug 12 '13 at 21:07

1

The correct size for iPad is 144px , as 114px is for iPhone retina display.

<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-retina.png" />

answered Aug 12 '13 at 21:07

meda

45,103
14
92
122

using 144x144 doesn't fix the problem. – Francis Snipe Aug 12 '13 at 21:11
Is your PNG transparent? – logixologist Aug 12 '13 at 22:42

score 0 · Answer 2 · answered Aug 12 '13 at 23:44

0

In my experience with PNG's with iOS, you have to have a transparent background or you will get a black box with a grey outline.

answered Aug 12 '13 at 23:44

logixologist

3,694
4
28
46

my png is transparent – Francis Snipe Aug 12 '13 at 23:56
I have this: in the section of index.php and it doesn't work. – Francis Snipe Aug 13 '13 at 01:24
I found this link: http://blog.karlribas.com/2012/05/how-to-create-apple-touch-icon-for-your.html its showing 129X129.... – logixologist Aug 13 '13 at 18:29
Was it always a .PNG or did you change the filename – logixologist Aug 13 '13 at 18:30
Here is another S/O article... did you set INTERLACING to False.... http://stackoverflow.com/questions/12520364/ios-6-safari-backgrounds-missing – logixologist Aug 13 '13 at 18:33
I changed the pic from transparent background to white background and it worked. – Francis Snipe Aug 14 '13 at 17:05
Great! When you can, please put that as an answer so someone else having the same issue can know the resolution. – logixologist Aug 14 '13 at 19:53

iPad fails to find apple-touch-icon.png for home page bookmark

2 Answers2