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

前端 未结 11 2251
醉酒成梦
醉酒成梦 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 17:45

    Updated list December 2019, iOS13 One icon for iOS 180x180 px and one for android 192x192 px (declared in site.webmanifest).

    
    
    
    #### site.webmanifest
    {
        "name": "",
        "short_name": "",
        "icons": [
            {
                "src": "/android-chrome-192x192.png",
                "sizes": "192x192",
                "type": "image/png"
            }
        ],
        "display": "standalone"
    }
    

    Deprecated list October 2017, iOS11

    List for iPhone and iPad with and without retina

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    Update Oct 2017 iOS 11: iOS 11 checked, iPhone X and iPhone 8 introduced

    Update Nov 2016 iOS 10: New iOS version iPhone 7 and iPhone 7plus introduced, they have the same display resolution, dpi, etc as iPhone 6s and iPhone 7plus, until now no changes found respecting the update 2015

    Update Mid 2016 Android: Add Android Devices to the list as the apple-touch links are marked as deprecated by Google and will be not supported anytime for their devices

    
    
    
    
    

    Update 2015 iOS 9: For iOS 9 and iPad pro

    
    

    The new iPhones (6s and 6s Plus) are using the same sizes as the iPhone(6 and 6 Plus), the new iPad pro uses an image of size 167x167 px, the other resolutions are still the same.

    Update 2014 iOS 8:

    For iOS 8 and iPhone 6 plus

     
    

    Iphone 6 uses the same 120 x 120 px image as iphone 4 and 5 the rest is the same as for iOS 7

    Update 2013 iOS7:

    For iOS 7 the recommended resolutions changed:

    • for iPhone Retina from 114 x 114 px to 120 x 120 px
    • for iPad Retina from 144 x 144 px to 152 x 152 px

    The other resolution are still the same

    • 57 x 57 px default
    • 76 x 76 px for iPads without retina

    Source: https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/

提交回复
热议问题