55 lines
1.4 KiB
Markdown
55 lines
1.4 KiB
Markdown
# PWA Icons Generation
|
|
|
|
To generate PWA icons from the base SVG, you can use any of these tools:
|
|
|
|
## Method 1: Using ImageMagick (convert)
|
|
```bash
|
|
# Install ImageMagick first
|
|
brew install imagemagick # macOS
|
|
sudo apt install imagemagick # Ubuntu/Debian
|
|
|
|
# Generate all required sizes
|
|
for size in 72 96 128 144 152 192 384 512; do
|
|
convert -background transparent -resize ${size}x${size} icon-base.svg icon-${size}x${size}.png
|
|
done
|
|
```
|
|
|
|
## Method 2: Using Inkscape
|
|
```bash
|
|
# Install Inkscape first
|
|
brew install inkscape # macOS
|
|
sudo apt install inkscape # Ubuntu/Debian
|
|
|
|
# Generate all required sizes
|
|
for size in 72 96 128 144 152 192 384 512; do
|
|
inkscape --export-width=${size} --export-height=${size} --export-filename=icon-${size}x${size}.png icon-base.svg
|
|
done
|
|
```
|
|
|
|
## Method 3: Using rsvg-convert
|
|
```bash
|
|
# Install librsvg first
|
|
brew install librsvg # macOS
|
|
sudo apt install librsvg2-bin # Ubuntu/Debian
|
|
|
|
# Generate all required sizes
|
|
for size in 72 96 128 144 152 192 384 512; do
|
|
rsvg-convert -w ${size} -h ${size} -o icon-${size}x${size}.png icon-base.svg
|
|
done
|
|
```
|
|
|
|
## Method 4: Online Tools
|
|
You can also use online SVG to PNG converters like:
|
|
- https://cloudconvert.com/svg-to-png
|
|
- https://convertio.co/svg-png/
|
|
- https://www.iloveimg.com/convert-svg-to-png
|
|
|
|
## Required Icon Sizes
|
|
- 72x72px
|
|
- 96x96px
|
|
- 128x128px
|
|
- 144x144px
|
|
- 152x152px
|
|
- 192x192px (maskable)
|
|
- 384x384px
|
|
- 512x512px (maskable) |