Images set up to deliver an appropriately sized version for each device, so phones download a small file and large screens get a sharp one, saving data and load time.
Synonyms
- adaptive images
Related terms
In plain words
- pictures that load a smaller version on phones
Usage example
Switching to responsive images cut the mobile page weight in half.
Don't confuse with…
- art directionPlain responsive images just resize the same picture; art direction swaps in a differently cropped picture for each screen.
Categories
- Responsive & adaptive design