Apple touch icon generator
Generate the 180×180 apple-touch-icon.png iPhones and iPads use for home-screen bookmarks — plus the full favicon package — right in your browser, no upload.
How to generate the icons
- Drop or pick a square PNG, JPG or WebP — 512×512 or larger looks sharpest.
- Generate the package: apple-touch-icon.png (180×180) is rendered alongside the full favicon set.
- Tune the background color and image size in the preview, download the ZIP, and paste the HTML snippet into your <head>.
About these icons
The Apple touch icon is the image iOS shows when someone adds your site to their home screen: Safari looks for a 180×180 PNG served as /apple-touch-icon.png. One 180×180 file covers every modern iPhone and iPad — the long lists of legacy sizes are no longer needed.
iOS ignores transparency (it fills it with black) and rounds the corners itself, so a solid background color works best — the preview editor lets you set one. OptImg renders the icon from your image on your device, nothing uploaded, and packs it with the rest of the set: favicon.ico, PNG favicons, Android icons, web manifest and the HTML snippet.
Frequently asked questions
- What size should an Apple touch icon be?
- 180×180 pixels — what Safari on modern iPhones and iPads requests. The older 57–152px variants are legacy; the single 180×180 file covers them.
- Can the icon be transparent?
- Better not: iOS fills transparent areas with black and rounds the corners itself. Set a solid background color in the preview editor instead.
- Is my logo uploaded to a server?
- No. Every icon is rendered and packaged entirely in your browser — your image never leaves your device.
- What HTML do I need?
- A single <link rel="apple-touch-icon" href="/apple-touch-icon.png"> tag — included in the copy-paste snippet the package generates, together with the tags for the other icons.