Image Optimization

Covers the essentials for getting images web-ready: choosing between JPEG, PNG, WebP, and SVG based on content type, compressing with tools like ImageMagick and cwebp, and implementing responsive images with srcset. The reference guides walk through the full optimization pipeline from format selection to monitoring. Honestly, images are still half of most page weights, so this is baseline stuff you should be doing before any site goes live. The Quick Start gives you the actual commands to run, which beats digging through documentation when you just need to batch-process a directory of photos.

Install to Claude Code

npx -y skills add aj-geddes/useful-ai-prompts --skill image-optimization --agent claude-code