Apple touch icon size

Client

iOS and iPadOS home-screen icons expect a 180×180 px square PNG via apple-touch-icon link tags. Upload, preview center crop, and export 180 px here.

We read width and height locally, then resize with center crop. Max 8 MB.

Export size

?

Choose the pixel size your HTML link, manifest, or platform expects. Preview shows how center crop will look at that size.

Common use cases

  • Prepare apple-touch-icon.png after a logo refresh.
  • Confirm a marketing asset meets 180×180 before deploy.
  • Generate the iOS icon while separate tab sizes export at 32×32.

Common mistakes to avoid

  • Reusing the 32×32 tab icon

    iOS scales up small icons and they look blurry on the home screen. Export native 180×180 art.

  • Edge-to-edge artwork

    iOS rounds corners visually. Keep the logo centered with margin so corners are not clipped.

FAQ

What size is an Apple touch icon?

180×180 px PNG is the common apple-touch-icon size for modern iPhones and iPads.

What HTML tag do I use?

`<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">` — copy from the HTML link tags page.

Common search terms

Phrases people search for that match this tool. See the full long-tail keyword index.

  • favicon size
  • favicon sizes
  • favicon dimensions
  • favicon image size
  • size of a favicon
  • size of favicon
  • favicon ico size
  • wordpress favicon size
  • tamaño de favicon
  • tamaño del favicon
  • favicon size cheat sheet
  • check favicon dimensions online
  • favicon size 32x32
  • favicon 16x16
  • apple touch icon 180x180 size
  • pwa favicon size 512
  • favicon html link tag
  • favicon size for website
  • website icon size
  • recommended favicon size
  • ideal favicon size
  • favicon size chart
  • favicon width and height
  • browser tab favicon size
  • standard favicon dimensions
  • what size should favicon be
  • how to add favicon
  • how to create favicon
  • wordpress site icon size
  • favicon size wordpress
  • android favicon size
  • iphone favicon size
  • mobile favicon size
  • make favicon from png
  • favicon size list
  • favicon size table
  • favicon pixel size
  • best favicon size
  • correct favicon size
  • favicon sizes and dimensions
  • favicon.ico size
  • size of favicon ico
  • website favicon size
  • standard favicon size
  • favicon size in pixels
  • how big is a favicon
  • favicon resolution
  • apple touch icon size
  • what is the favicon size
  • best size for favicon
  • favicon standard size
  • web favicon size
  • site favicon size

More tools

Related utilities you can open in another tab—mostly client-side.