Apple-touch-icon generator

For Apple iOS devices such as the iPod Touch, iPhone, and iPad, as well as some Android devices, you can provide a custom icon to your visitors that displays on their Home screens when they bookmark your site or "Add to Home Screen" ("Web Clip" feature).

This tool wil generate the required html as well as the apple-touch-icons in four sizes (iPhone, iPad, iPhone Retina & iPad Retina), which you can download as .zip

Create Apple touch icons for your site

About Apple touch icons

Similar to the Favicon, the 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. If this file is not found these Apple products will use the screen shot of the web page, which often looks like no more than a white square.

The tool will output four png's, with dimensions of 57x57 (iPhone), 72x72 (iPad), 114x114 (iPhone Retina) and 144x144 (iPad Retina). These should be stored in your sites' home directory, unless the path is specified in the HTML using the below code.

<!-- add a '-precomposed.png' suffix if you don't want iOS < 7 to add the standard 'glossy effect' to your button -->
<link rel="apple-touch-icon" href="somedir/apple-touch-icon-iphone-60x60.png">
<link rel="apple-touch-icon" sizes="76x76" href="somedir/apple-touch-icon-ipad-76x76.png">
<link rel="apple-touch-icon" sizes="120x120" href="somedir/apple-touch-icon-iphone-retina-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="somedir/apple-touch-icon-ipad-retina-152x152.png">

When this file is used, by default, the Apple product will automatically give the icon rounded edges and a button-like appearance (if not 'precomposed').

Details and specifications about apple-touch-icon on Apple's website.


Link to this page: “Apple-touch-icon generator”

You can link to this tool using this HTML code. Simply copy and paste it into your page:

<a href="https://dvps.manytools.org/http-html-text/apple-touch-icon-generator/">Apple touch icons generator online - Convert a GIF, PNG or JPG to apple-touch-icon.png for "Add to home screen" (iOS/Android).</a>

If you have any problems using this Apple-touch-icon generator, please contact me.


Updates

August 15, 2022

hack stega

Steganography tool fixed (server errors)

The past few weeks you may have seen a server error or two on the steganography tool. These intermittent errors were a byproduct of the recent server move and have now been fixed.

July 15, 2022

Phasing out hosting server after (almost) 10 years

After having been running steadily on the previous server for almost ten(!) years, it became time to retire that machine. So, ManyTools has now been moved to a shiny new hosting cluster. You may/should notice some speed improvements. In case you notice any problems or irregularities I'd be happy if you notify me so I can check on them.

September 27, 2017

Exit Coinhive (in-browser bitcoin mining)

Thank you for your feedback on our (brief) test with browser based bitcoin mining. This seemed like a nice way to support this website, but turned out to be far too much of a burden to our visitors. So we've decided to remove it. Our apologies for the inconvenience it has caused.

August 18, 2017

Migrated to HTTPS

Happy to inform that Manytools is now fully Chrome-62-ready, thanks Google! A secure connection had been due for a very long time. Today we finally got around to upgrading the site to run on HTTPS. – (Starting October 2017, Chrome (version 62) will show a “NOT SECURE” warning when users enter text in a form on an HTTP page, and for all HTTP pages in Incognito mode.)

August 10, 2016

article personal

Who is this person?

Quickly lookup any person by e-mail address or name. Run an instant background check or find contact details & personal records (including public legal records).