Responsive Design and Streaming File Size

Question

I'm wondering how the HTML5 output from a responsive project works with regards to data that needs to be downloaded.

For example, if the desktop-size breakpoint is using hi-res images, but any given user is only using a mobile device, are they streaming the hi-res images and then downsizing them within the browser? Or does each breakpoint use a different image file so that users only pull down the minimum data they need?

Any insights?

Paul Wilson CTDP · Answer

One version of the image is stored in the published folder, regardless of how many breakpoints. The version of the image will be in the form of a JSON (assuming you are using the latest version of Captivate). This is an optimized format but a good designer should still take the time to optimize all multimedia included in the project.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded