A modern format is still much larger than its layout needs
A fictional storefront displays a product thumbnail in a small fixed layout but sends every browser a multi-megapixel representation. The output uses an eligible modern image format and looks correct, yet supplied mobile measurements show a large transfer and a delayed main-content paint. A colleague proposes declaring the task complete because the format is modern. Another examines rendered size, pixel density, crop intent, candidate widths and actual measured bytes. This written exercise does not fetch or alter media. It asks the learner to compare format choice with dimensions and responsive selection, preserve visual and accessibility requirements and use representative user evidence rather than a single optimization parameter as a complete performance result.
1. What remains unresolved despite the modern format?
Read the worked answer
The delivered dimensions may greatly exceed the actual layout and density needs, wasting bytes. Format selection alone does not establish suitable size or loading performance.
2. What should a controlled comparison include?
Read the worked answer
Validate intended crop, rendered size and supported responsive candidates, then compare visual quality, encoded bytes and representative mobile loading. Avoid delaying the main visible image indiscriminately.