Images
Comes up in: Web fundamentals, Frontend system design
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
- AVIF/WebP/JPEG/PNG/SVG choice
- image CDNs and on-the-fly resizing
- lazy loading and priority
- placeholders (LQIP, blurhash)
- decoding
Words you will know
What you will practise
- optimise a gallery
Interview questions this answers
- How do you choose an image format?
- How would you load images for a product listing page?