Initial TrueGrowth source import
This commit is contained in:
55
apps/web/public/icons/README.md
Normal file
55
apps/web/public/icons/README.md
Normal file
@@ -0,0 +1,55 @@
|
||||
# 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)
|
||||
Reference in New Issue
Block a user