← back to Watches

public/icons/README.md

42 lines

# App Icons

These icons are used for the PWA installation on various devices.

## Sizes Required

- **72x72**: Android notification icons
- **96x96**: Android home screen
- **128x128**: General purpose
- **144x144**: Windows Metro tiles
- **152x152**: iOS iPad
- **192x192**: Android home screen (standard)
- **384x384**: Android splash screen
- **512x512**: Android splash screen (high-res)

## Generation

To create PNG icons from the SVG templates:

1. Open http://45.61.58.125:7600/icons/icon-converter.html in a browser
2. Right-click each canvas displayed
3. Select "Save image as..."
4. Save as PNG with the name shown (e.g., "icon-192x192.png")
5. Place all PNG files in this directory (/public/icons/)

## Temporary Fallback

For immediate PWA testing, the app will fall back to SVG icons if PNG icons are not yet created.
The manifest.json references PNG icons, but browsers are forgiving during development.

## Design Guidelines

- Use the Omega brand colors (#0C1E3C navy, #C41E3A red)
- Include recognizable watch imagery
- Keep design simple at small sizes
- Ensure good contrast
- Test on both light and dark backgrounds

## Current Status

SVG icons have been generated. PNG conversion pending.