Apple Touch Icon Guidelines

Android tablets [via chrome] prefer a 192x192 png icon.

Apple touch icon guidelines. I've inserted the following code on my page properties html for section. Example icon specs from apple’s icon guidelines. For the ipad, the basic size is 180x180 pixels.

A common practice is to create a single 180x180 icon, which is the highest expected resolution, and let the ios devices scale it down as needed. With this in mind, your apple touch icon should have a solid fill background style. For example, an icon that’s 36px × 36px translates to 18pt × 18pt.

However, since other platforms can also make use of the ios icons, it’s better to expose them explicitly via link tags. It will add your site as if it were an iphone/ipad app, and will use the icon to represent it. Restrictions and other terms apply.

Like your primary app icon, each alternate app icon is delivered as a collection of related images that vary in size. This is the fourth part in a series of summaries from apple’s human interface guidelines on designing for ios. Append a suffix of @2x to your image names, and insert them into @2x fields in the asset catalog of your xcode project.

Then, there was the touch icon, then multiple touch icons dues to the various ios devices screen resolutions, then there was the tile icon for windows. Ios will display those screens when your pwa is being opened as well as when it's in the background. For more information on how to use apple’s trademarks, refer to the document titled, “guidelines for using apple trademarks,” or contact the trademark team.

Google for “apple touch icon size”: The bookmark will be an icon inline with other apps or bookmarks on a home screen. Since 22×22 is the smallest size the icon will be.