{
  "slug": "vercel-image-optimization",
  "name": "Vercel Image Optimization",
  "url": "https://vercel.com/docs/image-optimization",
  "cat": "media",
  "group": "back",
  "tagline": "Next.js edge image transforms",
  "price": "Hobby free: 5K transformations, 300K cache reads, 100K cache writes per month. On-demand $0.05-$0.0812 per 1K transformations, $0.40-$0.64 per 1M cache reads, $4.00-$6.40 per 1M cache writes",
  "tier": "mixed",
  "pick": false,
  "what": "The optimization layer behind the Next.js <code>next/image</code> component. Resizes on demand at the edge, negotiates AVIF or WebP from the Accept header, and caches results globally. Billing moved off source images to transformations, cache reads and cache writes.",
  "why": "Zero configuration if you already use Next.js — <code>next/image</code> gives correct <code>srcset</code>, lazy loading, explicit dimensions that prevent layout shift, and a <code>priority</code> hint for the LCP image.",
  "warn": "Transformations bill on every cache MISS and STALE, and cache writes run up to $6.40 per million — a wide <code>srcset</code> across many breakpoints multiplies both. Source images must be JPEG, PNG, WebP or AVIF; anything else passes through unoptimized.",
  "category": {
    "key": "media",
    "name": "Images, video & files",
    "desc": "Upload, transform, store, deliver. Transformation billing is the hidden cost.",
    "group": "back",
    "groupName": "Give it a backend"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": null,
    "checked_at": "2026-08-18T17:12:38.21+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}