From cdade05315f8883c644678ba217d9764ab9440a5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C4=83t=C4=83lin=20Mari=C8=99?= Date: Mon, 13 May 2019 21:45:38 -0700 Subject: [PATCH] fix: use only one 180x180px touch icon (#1213) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 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. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ¹ https://github.com/h5bp/html5-boilerplate/pull/1599#issuecomment-56384135 ² 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 --- src/build/template.html | 3 +-- static/apple-icon-120.png | Bin 2557 -> 0 bytes static/{apple-icon-180.png => apple-icon.png} | Bin 3 files changed, 1 insertion(+), 2 deletions(-) delete mode 100644 static/apple-icon-120.png rename static/{apple-icon-180.png => apple-icon.png} (100%) diff --git a/src/build/template.html b/src/build/template.html index 9587912..f1ee4bc 100644 --- a/src/build/template.html +++ b/src/build/template.html @@ -10,8 +10,7 @@ - - + diff --git a/static/apple-icon-120.png b/static/apple-icon-120.png deleted file mode 100644 index 949e9594874ebfa406b87e151df8ffb589a896b9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2557 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 diff --git a/static/apple-icon-180.png b/static/apple-icon.png similarity index 100% rename from static/apple-icon-180.png rename to static/apple-icon.png