Skip to main content
M
MDennetti
Inspiring
August 23, 2016
Answered

Providing different resolution images to accommodate different screen sizes

  • August 23, 2016
  • 1 reply
  • 548 views

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

This topic has been closed for replies.
Correct answer Peter Grainge

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.

1 reply

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
August 24, 2016

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

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
August 24, 2016

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.

Peter Grainge
Community Expert
Peter GraingeCommunity ExpertCorrect answer
Community Expert
August 24, 2016

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.
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices