What are the proper pixel measurements for an apple-touch-icon?

I'm not exactly sure what the proper dimension needs to be.

Several websites appear to duplicate that the apple-touch-icon needs to be 57x57 pixels yet point out a busted link as their resource.

Hanselman's and also playgroundblues's remarks recommend various dimensions consisting of 163x163 and also 60x60.

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

See my relevant inquiry: How do I give my web sites an icon for iPhone?

2019-05-06 02:17:47
Source Share
Answers: 6

NilObject is link led me to the wonderful post Catchup on your Icon at makentosh.com

... Of training course every one of this incongruity needed to be managed at some point, right? Well 2.0 managed it in great style! Ultimately 57x57 in fact suggested 57x57.

... every pixel ... provided flawlessly.

2019-05-18 03:03:11

I can not point out a resource for those dimensions due to the fact that the main reference is under lock and also key of ADC.

Nonetheless, most of the non - NDA websites have the tutorials on just how to create the symbols. As an example below:

2019-05-18 02:50:45

From the Google cache of Apple Developer Connection - Web Apps Dev Center - Designing Content ...

Create a Web Clip Bookmark Icon

iPhone and also iPod touch permit a customer to conserve a Web Clip book mark to your website on their Home Screen.

To define a book mark symbol for all web pages of an internet site, position a PNG photo called "apple - touch - icon.png" at the origin directory site of your web server - comparable to the "favicon.ico" for website symbols.

To bypass the website book mark symbol on a details web page, insert a component comparable to < link rel = "apple - touch - symbol" href = "/ customIcon.png"/ > within the component of the web page.

The book mark symbol measurements need to be 57x57 pixels. If the symbol is a various dimension it will certainly be scaled and also chopped to fit.

Safari will instantly composite the symbol with the criterion "lustrous" overlay so it resembles a constructed - in iPhone or iPod application.

2019-05-18 02:45:27

The main dimension is 57x57. I would certainly advise making use of the specific dimension merely as a result of the reality that it takes much less memory when filled (unless Apple caches the scaled depiction). With that said claimed, Rex is right that any kind of square dimension will certainly function

2019-05-12 14:11:48

I do not assume there is a "proper dimension". Given that the iPhone actually is running OSX, the symbol providing system is rather durable. As long as you offer it a high - top quality photo with the appropriate facet proportion and also a resolution at the very least as high as the real result will certainly be, the OS will certainly downscale really easily. My website makes use of a 158x158 and also the symbol looks pixel - excellent on the iPhone screen.

2019-05-08 10:22:31

Depends on just how much information you desire it to have, it requires to have the facet proportion of 1 :1 (primarily - it requires to be square )

I would certainly select the Apple's very own 129 * 129

2019-05-07 21:54:08