image-optimization-pipeline-config
Image Optimization Pipeline Config
Concept of the skill
What it is: The build-time contract for turning source images into responsive, compressed, format-specific outputs.
Mental model: The pipeline is a deterministic compiler stage: source image plus config produces a known set of artifacts.
Why it exists: Image quality, file size, and fallback support have to be reviewed before they become user-visible performance or fidelity regressions.
What it is NOT: It is not runtime <picture> markup, layout design, or incident debugging after a build fails.
Adjacent concepts: Responsive breakpoints, format negotiation, compression quality, transparency preservation.
One-line analogy: It is the recipe card the image build step follows for every asset.
Common misconception: Smaller output is always better; preserving transparency, fallback coverage, and layout fit are part of correctness.