Initial commit
This commit is contained in:
commit
983cee0320
322 changed files with 57174 additions and 0 deletions
31
backup/first -fina app/docs/PWA_ICONS_README.md
Normal file
31
backup/first -fina app/docs/PWA_ICONS_README.md
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
# PWA Icons Guide
|
||||
|
||||
For optimal PWA support, you should add multiple icon sizes. Place these in `app/static/images/`:
|
||||
|
||||
## Required Icons:
|
||||
- `icon-72x72.png` (72x72)
|
||||
- `icon-96x96.png` (96x96)
|
||||
- `icon-128x128.png` (128x128)
|
||||
- `icon-144x144.png` (144x144)
|
||||
- `icon-152x152.png` (152x152)
|
||||
- `icon-192x192.png` (192x192)
|
||||
- `icon-384x384.png` (384x384)
|
||||
- `icon-512x512.png` (512x512)
|
||||
|
||||
## Generate Icons:
|
||||
You can use your existing `fina-logo.png` and resize it to create these icons.
|
||||
|
||||
Using ImageMagick:
|
||||
```bash
|
||||
cd app/static/images/
|
||||
for size in 72 96 128 144 152 192 384 512; do
|
||||
convert fina-logo.png -resize ${size}x${size} icon-${size}x${size}.png
|
||||
done
|
||||
```
|
||||
|
||||
Or use online tools like:
|
||||
- https://realfavicongenerator.net/
|
||||
- https://www.pwabuilder.com/imageGenerator
|
||||
|
||||
## Update manifest.json
|
||||
After creating the icons, update the manifest.json icons array with all sizes.
|
||||
Loading…
Add table
Add a link
Reference in a new issue