Cache resized images safely with a long max-age on versioned URLs, immutable for browsers, and a per-format cache key when the format depends on Accept.
- caching
- http
- performance
Cache resized images safely with a long max-age on versioned URLs, immutable for browsers, and a per-format cache key when the format depends on Accept.
See how an image service fits a photo into a box, with worked numbers for crop-to-fill, fit-in, full-fit-in, adaptive-fit-in, manual crops and alignment.
Phone photos can carry GPS coordinates in their EXIF metadata. Learn what the tags hold, how to check your own images, and how to strip them before delivery.
Images are the LCP element on most pages. See where LCP time goes, why image download time is rarely the bottleneck, and which HTML changes load it sooner.
Images without dimensions are a top cause of layout shift. See how CLS scores shifts, how width and height reserve space, and how to size art-directed images.
Compare resizing images during the build with resizing them on first request, covering build length, file counts, cache misses, new sizes and encoding cost.
Learn how browsers use srcset width descriptors and the sizes attribute to pick an image file, with worked numbers for a hero banner and a product grid.
Product photos arrive with uneven white margins. Learn how trim with a colour tolerance, fit-in and fill give every catalogue tile the same framing and scale.
Compare WebP, AVIF and JPEG on file size, encoding cost and browser support in 2026, then serve each one safely with the picture element or the Accept header.
An image worker runs one transformation at a time. Combine your cache hit ratio, peak request rate and processing time with Little's law to size concurrency.