From 47a14fa0bb2112a874fb246019a536e54a929f18 Mon Sep 17 00:00:00 2001 From: userquin Date: Sat, 27 May 2023 19:13:39 +0200 Subject: [PATCH] chore: dev and staging apple touch icons 0.45 padding --- docs/content/80.pwa.md | 18 ++++++++++++------ public-dev/apple-touch-icon.png | Bin 2044 -> 2304 bytes public-staging/apple-touch-icon.png | Bin 2395 -> 2235 bytes 3 files changed, 12 insertions(+), 6 deletions(-) diff --git a/docs/content/80.pwa.md b/docs/content/80.pwa.md index 6d3338ef..d4bc04a3 100644 --- a/docs/content/80.pwa.md +++ b/docs/content/80.pwa.md @@ -109,7 +109,7 @@ You can check web manifest generation on [modules/pwa/i18n.ts](https://github.co **WIP:** We are working to generate PWA icons using a Node script. :: -Elk icons have been generated using [PWA Builder Image Generator](https://www.pwabuilder.com/imageGenerator), we generate the icons twice per environment: transparent and maskable icons. +Elk icons have been generated using [PWA Builder Image Generator](https://www.pwabuilder.com/imageGenerator), we generate the icons 3 times per environment: transparent, apple touch and maskable icons. To generate transparent icons: - upload `logo.svg` from `public` folders: `public`, ` public-dev` and `public-staging` @@ -123,6 +123,16 @@ Once generated, we use the following icons: - `android/android-launchericon-192x192.png` for `pwa-192x192.png` - `android/android-launchericon-512x512.png` for `pwa-512x512.png` +To generate apple touch icons: +- upload `logo.svg` from `public` folders: `public`, ` public-dev` and `public-staging` +- configure `0,45` as padding +- check `Custom` in background color and set `#ffffff` as color +- check only `iOS` in platforms +- click on `Generate` button + +Once generated, we use the following icons: +- `ios/180.png` for `apple-touch-icon.png` + To generate maskable icons: - upload `logo.svg` from `public` folders: `public`, ` public-dev` and `public-staging` - configure `0,6` as padding @@ -134,11 +144,7 @@ Once generated, we use the following icons: - `android/android-launchericon-512x512.png` for `maskable-icon.png` ::alert{type="info"} -**Note 1:** `apple-touch-icon` icons have been generated with external tools. -:: - -::alert{type="info"} -**Note 2:** to generate `favicon.ico` icons, we use [RealFaviconGenerator](https://realfavicongenerator.net/) providing `logo.svg` from `public` folders: `public`, ` public-dev` and `public-staging`. +**Note:** to generate `favicon.ico` icons, we use [RealFaviconGenerator](https://realfavicongenerator.net/) providing `logo.svg` from `public` folders: `public`, ` public-dev` and `public-staging` (transparent 64x64 32 bit). :: ### PWA UI Components diff --git a/public-dev/apple-touch-icon.png b/public-dev/apple-touch-icon.png index b50a23a8fb0757b4ae0a71fc1e94a8168c66860c..a2c79f2ccf65a3f465a42bf658b5713f09f0576a 100644 GIT binary patch delta 2272 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 Wftku;D->tYe_5K^nqZ6`KK~a;@V?;y delta 2364 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