Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What are the correct pixel dimensions for an apple-touch-icon?

I'm not sure what the correct size should be.

Many sites seem to repeat that the apple-touch-icon should be 57x57 pixels but cite a broken link as their source.

Hanselman's and playgroundblues's comments suggest different sizes including 163x163 and 60x60.

Apple's own apple.com icon is 129x129!

See my related question: How do I give my web sites an icon for iPhone?

like image 413
Zack Peterson Avatar asked Aug 04 '08 21:08

Zack Peterson


People also ask

What is the apple touch icon?

Updated: 08/02/2020 by Computer Hope. Similar to the Favicon, the Apple touch icon or apple-touch-icon. png is a file used for a web page icon on the Apple iPhone, iPod Touch, and iPad. When someone bookmarks your web page or adds your web page to their home screen, this icon is used.


2 Answers

It seems that Apple guidelines as of August 3, 2010 now include the "High resolution" images (for iPhone 4) in their "required" icon sizes.

Looks like we need to provide both a 57x57 and a 114x114 image now, as well as a 640x960 title image.

See Custom Icon and Image Creation Guidelines (Javascript required) which is part of a whole document:

  • iOS Human Interface Guidelines (2013; by Apple Inc; PDF; 26,3 MB)
like image 80
OtomoBill Avatar answered Sep 21 '22 23:09

OtomoBill


Depends on how much detail you want it to have, it needs to have the aspect ratio of 1:1 (basically - it needs to be square)

I would go with the Apple's own 129*129

like image 38
saniul Avatar answered Sep 20 '22 23:09

saniul