Replacing Image Automatically Resizes CSS Width Property

Question

We work on a lot of templated emails that require swapping out some old images for new images.

Existing image is set with inline CSS to have a width of 600px.

When I replace that image with a new image it automatically updates the CSS width property to whatever the width of the new image is, for instance 1200px.

I don't want the width to update automatically. How do I change this default setting?

B i r n o u · Accepted Answer

Thanks for the resources, and for taking the time to respond. But I know how to optimize images.

What I'm asking for is a way to change Dreamweaver's default setting when you use the Properties panel to browse and replace an image source. By default Dreamweaver automatically changes the CSS width property to whatever the width of the new image is. I want to change the default setting so that it doesn't change the width property.

If you know how to do this, that would be really helpful.

What I'm asking for is a way to change Dreamweaver's default setting when you use the Properties panel to browse and replace an image source. By default Dreamweaver automatically changes the CSS width property to whatever the width of the new image is. I want to change the default setting so that it doesn't change the width property.

If you know how to do this, that would be really helpful.

By @GabrielCameron

@GabrielCameron in fact you don't have a direct way to do that... but the workaround, is to manually remove the WIDTH and HEIGHT attributes fomr the HTML code, and add an online CSS style to handle width and height as you like.

then when you swap images from the SRC attribute, the WIDTH and HEIGHT attributes wont recreate themselves.

so change

<img src="image-A.jpg" width="400" height="400" alt=""/>

to

<img src="image-A.jpg" style="width:400px;height:400px;" alt=""/>

so when you will change to a different image (from SRC attribute that should stay as

<img src="image-B.jpg" style="width:400px;height:400px;" alt=""/>

to

so when you will change to a different image (from SRC attribute that should stay as

Nancy OShea · Answer

Of course inline CSS styles will be removed when you replace the HTML image. That's normal & expected. Also you're not doing users any favors by sending them oversized image files. It's too much bandwidth to consume.

All web images must be optimized beforehand in Photoshop (or other graphics editor). 1200 pixels is too big for emails. Inline CSS doesn't reduce the file size. It merely re-scales what's there to fit your layout.

Hope that helps.

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