43 lines
1.0 KiB
Markdown
43 lines
1.0 KiB
Markdown
# ObsiGate PWA Icons
|
|
|
|
## Generated Icons
|
|
|
|
This directory contains PWA icons in SVG format.
|
|
|
|
### Converting to PNG
|
|
|
|
For production, convert these SVG files to PNG:
|
|
|
|
**Using ImageMagick:**
|
|
```bash
|
|
for file in *.svg; do
|
|
size=$(echo $file | grep -oP '\d+x\d+' | head -1 | cut -d'x' -f1)
|
|
convert -background none -resize ${size}x${size} "$file" "${file%.svg}.png"
|
|
done
|
|
```
|
|
|
|
**Using Inkscape:**
|
|
```bash
|
|
for file in *.svg; do
|
|
size=$(echo $file | grep -oP '\d+x\d+' | head -1 | cut -d'x' -f1)
|
|
inkscape "$file" --export-filename="${file%.svg}.png" --export-width=$size
|
|
done
|
|
```
|
|
|
|
**Online tools:**
|
|
- https://cloudconvert.com/svg-to-png
|
|
- https://convertio.co/svg-png/
|
|
|
|
### Icon Types
|
|
|
|
- **Regular icons**: Standard app icons with rounded corners
|
|
- **Maskable icons**: Icons with safe zone padding for adaptive icons
|
|
- **Search icon**: Icon for the search shortcut
|
|
|
|
### Sizes
|
|
|
|
- 72x72, 96x96, 128x128, 144x144, 152x152: Mobile devices
|
|
- 192x192: Android home screen
|
|
- 384x384: High-res displays
|
|
- 512x512: Splash screens and high-DPI displays
|