feat(main): reduce apple icons to a single file size

A single icon file should be sufficient to use for most use cases on Apple devices according to
Lighthouse and Webhint docs.

BREAKING CHANGE: Generated Apple touch icons is reduced to one icon. The icon file type is set to
PNG as default type, rather than a JPEG type.

fix #433

src/config/constants.ts

@@ -161,7 +161,8 @@ export default {
     'https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/',
 
   // Apple platform specs: https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/
-  APPLE_ICON_SIZES: [180, 167, 152, 120],
+  // https://web.dev/apple-touch-icon/
+  APPLE_ICON_SIZES: [180],
 
   // Android platform specs: https://developers.google.com/web/fundamentals/web-app-manifest/#icons
   // Windows platform specs: https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps/get-started
@@ -221,14 +222,8 @@ export default {
 </body>
 </html>`,
 
-  APPLE_TOUCH_ICON_META_HTML: (
-    size: number,
-    url: string,
-    xhtml: boolean,
-  ): string =>
-    `<link rel="apple-touch-icon" sizes="${size}x${size}" href="${url}"${
-      xhtml ? ' /' : ''
-    }>
+  APPLE_TOUCH_ICON_META_HTML: (url: string, xhtml: boolean): string =>
+    `<link rel="apple-touch-icon" href="${url}"${xhtml ? ' /' : ''}>
 `,
 
   APPLE_LAUNCH_SCREEN_META_HTML: (

src/helpers/meta.ts

@@ -64,9 +64,8 @@ const generateAppleTouchIconHtml = (
     .filter((image) =>
       image.name.startsWith(constants.APPLE_ICON_FILENAME_PREFIX),
     )
-    .map(({ width, path, name }) =>
+    .map(({ path, name }) =>
       constants.APPLE_TOUCH_ICON_META_HTML(
-        width,
         generateOutputPath(options, name, path),
         options.xhtml,
       ),

src/helpers/puppets.ts

@@ -185,7 +185,7 @@ const saveImages = async (
   return Promise.all(
     imageList.map(async ({ name, width, height, scaleFactor, orientation }) => {
       const { quality } = options;
-      const type = name.includes('manifest') ? 'png' : options.type;
+      const type = name.includes('icon') ? 'png' : options.type;
       const path = file.getImageSavePath(name, output, type);
 
       try {