1.4 Servd Image Transforms (Responsive + Focal-Point Cropping)

MadeByShape · responsive srcset + sizes; production uses Servd query params

Dog looking upward — demo responsive image — Browser picks a candidate from `srcset` using `sizes` and DPR. Files live under `assets/servd-demo/` (same scene at three widths); production Servd URLs use `crop=focalpoint` + `fp-x` / `fp-y` for CMS-driven crops.

https://made-byshape.transforms.svdcdn.com/.../photo.jpg
  ?w=400 &h=300 &q=80 &fm=webp
  &fit=crop &crop=focalpoint &fp-x=0.5 &fp-y=0.5

Images are bundled locally so this works offline and when opening the HTML file directly (file://). Remote placeholder CDNs often break that case or block hotlinking.