| name | Image |
| version | 1.0.3 |
| description | Process, optimize, and manage images with web optimization, color management, platform specs, and e-commerce standards. |
| changelog | Add scope and security notes for scanner compliance |
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
