Image Optimization

Optimize images the app actually uses. Prefer safe, measurable wins: smaller files, correct dimensions, modern formats, responsive markup, stable layout, and framework-compatible delivery.

Leading words for this skill:

• pipeline — extend the project's existing image tooling; do not replace a working optimizer.
• clean — write final asset paths only; leave no temp folders, unused variants, or orphaned heavy rasters.
• LCP — treat the first-viewport hero as the highest priority; never lazy-load it.

When not to use

• The user wants generated artwork from prompts → use an image-generation skill.
• The ask is a visual redesign with no asset-performance work.
• Images are already transformed by a CMS/CDN pipeline, unless the task is markup or config around that CDN.
• Sources are proprietary, or destructive edits are requested without backups.

Hard rules