Apple Touch Icon Generator
Upload an image and crop/resize it into a 180x180 apple-touch-icon.png, entirely in your browser, ready to download.
Upload an image to generate a 180×180 apple-touch-icon.png preview.
How to Use the Apple Touch Icon Generator
Upload any image using the button above. The tool center-crops your image to a square (using the smaller of its width or height) and resizes it to exactly 180×180 pixels — the standard size Apple uses for the home-screen icon when someone adds your site to their iPhone or iPad. Everything happens locally in your browser using an HTML canvas; your image is never uploaded to a server. Once generated, download the result as a ready-to-use apple-touch-icon.png file.
Example
Uploading a rectangular 1200×800 logo image gets center-cropped to an 800×800 square (trimming equal amounts off the left and right), then scaled down to a clean 180×180 PNG ready to drop into your site's root directory.
Common Use Cases
- Creating the apple-touch-icon.png referenced in a site's favicon HTML tags.
- Turning an existing logo or square graphic into the exact size iOS expects.
- Quickly previewing how a logo will look as a rounded home-screen icon.
FAQs
- Is my image uploaded anywhere? No — the crop and resize happen entirely in your browser using a canvas element; the image file never leaves your device.
- Why 180×180 specifically? Apple's Human Interface Guidelines specify 180×180 pixels as the ideal size for the apple-touch-icon used on modern iPhones and iPads with Retina displays, though iOS will scale a correctly-named icon of this size for older devices too.
- What if my image isn't already square? The tool automatically center-crops non-square images to a square before resizing, so the most important part of your image should ideally be centered.