From e5352af1a67fa0a972a8ea3c58ceb56338b8751b Mon Sep 17 00:00:00 2001 From: userquin Date: Fri, 26 May 2023 12:08:04 +0200 Subject: [PATCH] docs: update pwa icons --- docs/content/80.pwa.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/content/80.pwa.md b/docs/content/80.pwa.md index 270f00eb..6d3338ef 100644 --- a/docs/content/80.pwa.md +++ b/docs/content/80.pwa.md @@ -105,6 +105,10 @@ You can check web manifest generation on [modules/pwa/i18n.ts](https://github.co ### PWA Icons +::alert{type="info"} +**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. To generate transparent icons: @@ -130,11 +134,11 @@ Once generated, we use the following icons: - `android/android-launchericon-512x512.png` for `maskable-icon.png` ::alert{type="info"} -**Note 1:** to generate `favicon.ico` we use [RealFaviconGenerator](https://realfavicongenerator.net/), we upload `logo.svg` from `public` folders: `public`, ` public-dev` and `public-staging`. +**Note 1:** `apple-touch-icon` icons have been generated with external tools. :: ::alert{type="info"} -**Note 2:** Safari don't use `apple-touch-icon` and so we don't need to generate it anymore: we use [RealFaviconGenerator](https://realfavicongenerator.net/) to generate it, using white background color and 10px of padding. +**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`. :: ### PWA UI Components