Apple touch icon (iphone retina) not applied - something wrong?

0
votes

I have 4 icons for my site:

  • iPhone
  • iPhone Retina
  • iPad
  • iPad Retina

They're all working perfectly apart from iPhone retina (144x144), which is just showing the usual low-rez iphone icon (57x57). Below is my code, please tell me what I'm doing wrong.. All paths/images/sizes are correct.

Thank you.

<link rel="apple-touch-icon-precomposed" href="app/img/touch-icon-iphone.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="app/img/touch-icon-ipad.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="app/img/touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="app/img/touch-icon-ipad-retina.png" />
2
iphoneipadiconstouch
stackoverflow.com/questions/17784288/… you can get idea from here – Rigel Networks
Did you rename 114x114 images picture name with @2x ? imageName@2x etc – Luai Kalkatawi
Perfect! Making it 'app/img/[email protected]' worked, thanks. – Jake Hills

2 Answers

1
votes

Did you rename 114x114 images picture name with @2x ? imageName@2x etc.

0
votes

set iPhone retina Image Name [email protected] . that is 144*144.