What size should apple-touch-icon.png be for iPad and iPhone?

前端 未结 11 2049
醉酒成梦
醉酒成梦 2021-01-29 17:11

Are Apple touch icons bigger than 60x60 supported, and if so, what dimensions should I use for the iPad and iPhone?

11条回答
  •  被撕碎了的回忆
    2021-01-29 18:07

    TL;DR: use one PNG icon at 180 x 180 px @ 150 ppi and then link to it like this:

    
    

    Details on the Approach

    As of 2020-04, the canonical response from Apple is reflected in their documentation on iOS.

    Officially, the spec says:

    • iPhone 180px × 180px (60pt × 60pt @3x)
    • iPhone 120px × 120px (60pt × 60pt @2x)
    • iPad Pro 167px × 167px (83.5pt × 83.5pt @2x)
    • iPad, iPad mini 152px × 152px (76pt × 76pt @2x)

    In reality, these sizing differences are tiny, so the performance savings will really only matter on very high traffic sites.

    For lower traffic sites, I typically use one PNG icon at 180 x 180 px @ 150 ppi and get very good results on all devices, even the plus sized ones.

提交回复
热议问题