Scope
This skill is a reference guide only. It provides: - Format selection guidelines - Compression settings - Platform dimension specs - Command examples for manual use
This skill does NOT: - Execute commands automatically - Access or modify files without user request - Require API credentials (CDN services are optional) - Store or track any data
Quick Reference
| Task | Load |
|---|---|
| Web optimization, formats, responsive | web.md |
| Color profiles, metadata, RAW, print | photography.md |
| Social media dimensions by platform | social.md |
| E-commerce/marketplace standards | ecommerce.md |
| ImageMagick/PIL commands | commands.md |
Format Selection
| Content | Format | Reason |
|---|---|---|
| Photos | WebP (JPEG fallback) | 25-35% smaller |
| Icons, logos | SVG | Scalable, tiny |
| Screenshots with text | PNG | Sharp edges |
| Transparency + photo | WebP or PNG-24 | Alpha support |
| Animation | WebP or MP4 | NOT GIF (5-10x larger) |
File Size Budgets
- Hero images: MAX 200KB (ideally <150KB)
- Content images: MAX 100KB
- Thumbnails: MAX 30KB
- Icons (raster): MAX 5KB
- Total page load: MAX 1.5MB images
Quality Levels
| Format | Hero | General | Thumbnails |
|---|---|---|---|
| JPEG | 80-85% | 70-75% | 60-65% |
| WebP | 80-82% | 72-78% | 60-70% |
Retina/HiDPI
- 2x required for standard Retina
- 3x only for iPhone Plus/Max
- 400px displayed needs 800px source
Before Processing Checklist
- [ ] Target format determined (web vs print)
- [ ] Color profile appropriate (sRGB for web)
- [ ] Dimensions/aspect ratio defined
- [ ] Compression quality set
- [ ] Metadata handling decided