Dreamweaver and responsive images.

Forum|Forum|5 years ago
January 28, 2021
1 reply
3309 views

Hi All. I'm wondering what the point is of Dreamweaver's responsive image on the Bluetooth insert button. Does anyone bother to use it?

This topic has been closed for replies.

Correct answer Nancy OShea

Nancy. I guess I am confused a bit. I don't need to use the picture element because I am not swapping out different images at different sizes. I'm only trying to swap the same image but at different sizes using srcset and sizes. Does that make sense?

SRCSET:

1 image at 4 different sizes = 4 images created by you in Photoshop.

BOOTSTRAP:

class="img-fluid" = 1 image that shrinks to fit smaller devices.

Nancy OShea

Community Expert

Sorry, I don't know what you mean. Can you post a screenshot?

Nancy O'Shea— Product User & Community Expert

B

beng2000Author

Known Participant

Hi Nancy. I have a screenshot below. I am learning about srcset and sizes to make an image responsive. In Dreamweaaver 2021 I learned to go to the insert panel, make sure bootstrap components is selected then click on responsive images. Then I got to thinking why would I bother to use this? What is the point as it does not make the image responsive for all screens.

Nancy OShea

Community Expert

You're talking about apples and oranges. The Bootstrap utility classes for making one image fluid on different viewports is NOT the same thing as SRCSET.

Bootstrap classes rescale the image to fit smaller screens with CSS. The HTML SRCSET attribute allow you to list alternative images (which you create in Photoshop) for viewing on smaller devices.

Nancy O'Shea— Product User & Community Expert

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