In responsive images, deliberately showing a differently cropped or composed picture on different screens, for example a tight close-up on a phone but a wide scene on desktop, so the image still reads well at each size.
Synonyms
None recorded.
Related terms
In plain words
- swapping to a better-cropped photo on smaller screens
Usage example
Art direction let the hero banner show a full landscape on desktop and just the subject's face on mobile.
Don't confuse with…
- responsive imagesGeneral responsive images resize the same picture for each device; art direction swaps in a differently cropped image per screen.
Categories
- Responsive & adaptive design