41 lines
1.2 KiB
Markdown
41 lines
1.2 KiB
Markdown
# PWA Icons
|
|
|
|
This directory should contain the following icons for the Progressive Web App:
|
|
|
|
## Required Icons
|
|
|
|
- `pwa-192x192.png` - 192x192px icon for mobile
|
|
- `pwa-512x512.png` - 512x512px icon for desktop/splash screen
|
|
- `apple-touch-icon.png` - 180x180px for iOS
|
|
- `favicon.ico` - Standard favicon
|
|
- `mask-icon.svg` - Safari pinned tab icon
|
|
|
|
## Icon Design Guidelines
|
|
|
|
- Use the game's theme (post-apocalyptic, dark colors)
|
|
- Ensure icons are recognizable at small sizes
|
|
- Test on various backgrounds (dark mode, light mode)
|
|
- Keep designs simple and bold
|
|
|
|
## Generating Icons
|
|
|
|
You can use tools like:
|
|
- https://realfavicongenerator.net/
|
|
- https://favicon.io/
|
|
- Photoshop/GIMP/Figma
|
|
|
|
## Placeholder
|
|
|
|
Until custom icons are created, you can use colored squares or the game logo.
|
|
|
|
Example quick generation:
|
|
```bash
|
|
# Using ImageMagick
|
|
convert -size 192x192 xc:#646cff -font DejaVu-Sans-Bold -pointsize 72 \
|
|
-fill white -gravity center -annotate +0+0 'E' pwa-192x192.png
|
|
convert -size 512x512 xc:#646cff -font DejaVu-Sans-Bold -pointsize 200 \
|
|
-fill white -gravity center -annotate +0+0 'E' pwa-512x512.png
|
|
convert -size 180x180 xc:#646cff -font DejaVu-Sans-Bold -pointsize 72 \
|
|
-fill white -gravity center -annotate +0+0 'E' apple-touch-icon.png
|
|
```
|