Making images automatically resize in a responsive design

New Here ,
Jun 11, 2015

Copy link to clipboard

Copied

I'm working on a Help file for a product, and I've got lots of images of the UI.

I'd like to see them automatically resize down when the person viewing the topic does so on a non-desktop platform. As it is, the images just stick off the side, forcing users to scroll right to see the whole thing.

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

Try converting just one to png.

TOPICS
HTML

Views

234

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

Making images automatically resize in a responsive design

New Here ,
Jun 11, 2015

Copy link to clipboard

Copied

I'm working on a Help file for a product, and I've got lots of images of the UI.

I'd like to see them automatically resize down when the person viewing the topic does so on a non-desktop platform. As it is, the images just stick off the side, forcing users to scroll right to see the whole thing.

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

Try converting just one to png.

TOPICS
HTML

Views

235

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
Jun 11, 2015 0
Adobe Community Professional ,
Jun 11, 2015

Copy link to clipboard

Copied

Have you checked the layout settings? See Optimization > Convert absolute image ...


See www.grainge.org for RoboHelp and Authoring tips

@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...
Jun 11, 2015 0
New Here ,
Jun 11, 2015

Copy link to clipboard

Copied

I have. Convert absolute image size to relative image size is checked.

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...
Jun 11, 2015 0
Adobe Community Professional ,
Jun 11, 2015

Copy link to clipboard

Copied

What format are the images?

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...
Jun 11, 2015 0
New Here ,
Jun 11, 2015

Copy link to clipboard

Copied

.gif

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...
Jun 11, 2015 0
Adobe Community Professional ,
Jun 11, 2015

Copy link to clipboard

Copied

Try converting just one to png.

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...
Jun 11, 2015 2
New Here ,
Jun 11, 2015

Copy link to clipboard

Copied

Perfect! That absolutely did the trick. 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...
Jun 11, 2015 0