fix: use only one 180x180px touch icon #1213
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* Include just one 180x180px touch icon`. Over time as Apple released different size displays for their devices, the requirements¹ for the size of the touch icon have changed quite a bit: * 57×57px – iPhone with @1x display and iPod Touch * 72×72px – iPad and iPad mini with @1x display running iOS ≤ 6 * 76×76px – iPad and iPad mini with @1x display running iOS ≥ 7 * 114×114px – iPhone with @2x display running iOS ≤ 6 * 120×120px – iPhone with @2x and @3x display running iOS ≥ 7 * 144×144px – iPad and iPad mini with @2x display running iOS ≤ 6 * 152×152px – iPad and iPad mini with @2x display running iOS 7 * 180×180px – iPad and iPad mini with @2x display running iOS 8+ However, most iOS users will be on the latest 2 versions² of iOS and using newer devices, so nowadays, one 180x180px touch icon is enough. Also, if needed, the icon will be automatically³ downscaled by Safari, and the result of the scaling is generally ok. * Remove unneeded `sizes` attribute. When using only one touch icon there is no need to use the `sizes` attribute. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ¹ h5bp/html5-boilerplate#1599 (comment) ² https://developer.apple.com/support/app-store/ ³ https://realfavicongenerator.net/blog/how-ios-scales-the-apple-touch-icon/ See also: https://mathiasbynens.be/notes/touch-icons
|
Cool, thanks! 🎉 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Include just one 180x180px touch icon`.
Over time as Apple released different size displays for their devices, requirements for the size of the touch icon have changed quite a bit:
However, most iOS users will be on the latest 2 versions of iOS and using newer devices, so nowadays, one 180x180px touch icon is enough.
Also, if needed, the icon will be automatically downscaled by Safari, and the result of the scaling is generally ok.
Remove unneeded
sizesattribute.When using only one touch icon there is no need to use the
sizesattribute.See also: https://mathiasbynens.be/notes/touch-icons