@ -1,25 +0,0 @@ |
|||||||
# Static Assets |
|
||||||
|
|
||||||
This directory contains static assets for Aitherboard. |
|
||||||
|
|
||||||
## Files |
|
||||||
|
|
||||||
- `favicon.svg` - SVG favicon (works in modern browsers) |
|
||||||
- `og-image.svg` - OpenGraph social sharing image (1200x630px) |
|
||||||
- `manifest.json` - PWA manifest file |
|
||||||
|
|
||||||
## Production Notes |
|
||||||
|
|
||||||
For better compatibility, consider: |
|
||||||
|
|
||||||
1. **Favicon**: Generate a `.ico` file from `favicon.svg` for older browsers |
|
||||||
- Use a tool like [RealFaviconGenerator](https://realfavicongenerator.net/) or ImageMagick |
|
||||||
- Add `<link rel="icon" href="/favicon.ico" sizes="32x32">` to app.html |
|
||||||
|
|
||||||
2. **OpenGraph Image**: Convert `og-image.svg` to PNG format for better social media compatibility |
|
||||||
- Some platforms (Facebook, LinkedIn) prefer PNG over SVG |
|
||||||
- Use ImageMagick: `convert og-image.svg -resize 1200x630 og-image.png` |
|
||||||
- Update app.html to reference `og-image.png` instead of `og-image.svg` |
|
||||||
|
|
||||||
3. **Apple Touch Icon**: Generate PNG versions for iOS devices |
|
||||||
- Sizes: 180x180, 152x152, 144x144, 120x120, 114x114, 76x76, 72x72, 60x60, 57x57 |
|
||||||
|
Before Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 627 KiB |