@ -1,25 +0,0 @@
@@ -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 |