Providing different resolution images to accommodate different screen sizes

4 replies
570 views
Translate

Using RoboHelp 11, can anyone describe the best approach for providing the same image, at varying resolutions, to accommodate different screen sizes? I think this can be done by modifying the CSS to recognise the screen resolution, and serve the appropriately-sized image. Any advice would be appreciated. Thanks

HTML

This topic is closed to new replies. Start a new post to keep the conversation going.

Peter GraingeCorrect answer

Community Expert

No. It is the same image that gets resized on the fly. Open the sample and

generate a responsive output. There's an image in the retirement topic. Go

to that and keep resizing the window.

As long as the original is good enough for a full browser window, that's

all you need to worry about.

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

Use an HTML5 Responsive layout. The images change automatically. Take a look at Employee Care 3. Click Open on the RoboHelp Starter page and then click Samples in the ribbon on the left.

See www.grainge.org for RoboHelp and Authoring information

@petergrainge

Translate

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

M

MDennettiAuthor

Inspiring

Thanks very much. Are different images displayed, depending on the screen size? If so, how would these be configured in RoboHelp? Our aim is to automatically provide a higher resolution image when a large screen size is detected.

Translate

Peter Grainge

Correct answer

Community Expert

No. It is the same image that gets resized on the fly. Open the sample and

generate a responsive output. There's an image in the retirement topic. Go

to that and keep resizing the window.

As long as the original is good enough for a full browser window, that's

all you need to worry about.

Translate

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.

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.