Image

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