Providing different resolution images to accommodate different screen sizes

Participant ,
Aug 23, 2016

Copy link to clipboard

Copied

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

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

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.

TOPICS
HTML

Views

167

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Providing different resolution images to accommodate different screen sizes

Participant ,
Aug 23, 2016

Copy link to clipboard

Copied

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

Adobe Community Professional
Correct answer by Peter Grainge | Adobe Community Professional

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.

TOPICS
HTML

Views

168

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Aug 23, 2016 0
Adobe Community Professional ,
Aug 24, 2016

Copy link to clipboard

Copied

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

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2016 0
Participant ,
Aug 24, 2016

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2016 0
Adobe Community Professional ,
Aug 24, 2016

Copy link to clipboard

Copied

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.

Please use the blue Reply button at the top to help me help you. The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2016 0
Participant ,
Aug 24, 2016

Copy link to clipboard

Copied

Thanks

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 24, 2016 0