I am working on a large online retailer website, with a variety of products and we are moving over to a fully responsive website.
One of the major issues we will be looking at are the promotional or landing page banner images, which contain section titles, descriptions and call to actions in live text.
I wondered if there were any best practices you think I should consider when dealing with images and how they are displayed at the various breakpoints.
- Images that contain live content, when they respond below certain breakpoints. What is the best practice for removing or adapting what is contained within them.
- What should I consider when adding, adapting or removing content? Is it a simple case of simply progressively removing elements the smaller the width, and replacing links with tap to load the call to action.
Clarification Live Text - This is html text that is overlaid on top of banners, like headers, descriptions, calls to actions. When the images reduce in size there isn't the space to retain them.