Resizing photo in body of emails

Is there a way to resize a photo within the body of an email?

I uploaded a photo that was a little larger than what I really wanted in the email. There is not a way to just click and drag to make it it smaller, so I

right click> image properties> adjusted the width and height

Now it looks the right size for the email, but when I hit save and look at it, the photo is stretched to the maximum width for the margins. All three photos that I uploaded are all stretched to the maximum width of the email.

So, not only did I not make it smaller, it is being shown larger than I uploaded it.

Any quick fixes because I really need to get this time sensitive email off fast.

In firefox you can click and drag to resize an image. In chrome you can’t do that. But if you right click the image and bring up image properties you can resize the image by H and W by the number of pixels. I hope this helps.

Thanks, I did try the resizing by changing the h and w, but that didn’t work. It looks like it does in the window till I hit save then the saved window stretches all photos the full width of the email template.

Maybe try putting the photo in a table and making the table invisible by changing the border to zero pixels? You can make a table the same dimensions as your image. table could 1 row 1 column and H pix x W pix

Hi TexasGrapes – A tool I really like for resizing images is Canva. It’s free and you can specify the exact pixel dimensions you want. It’s great for social media posting as well. Hope you were/are able to make it work!

Thanks for the ideas. I think that the problem is in the Vin65 software.

If I add a photo into a “featured image” content block it works, but I am not able to add a photo into a “main content” box even though there is a button to upload an image.

It all looks great till I hit “save” and then everything expands.

Personally, I’m shocked that users are having issues with Vin65’s email editor. :wink:

Can you toggle to the code part of your email and then paste it here?

@SarahBarwin @Karson

I answer to this really depends on your email template and how you are adding the photo to the email. If you are adding the photo to a photo upload component (by clicking the “Choose File” button), then the dimensions of the photo are completely dictated by the template code. If you can provide the template code, we should be able to tell you how to alter it to meet your needs. If, however, you are adding the photo to the text editor by clicking on the little image icon, then you should be able to control the image size by specifying an exact height/width in the dialog box from which you select the image. If that’s not working, then there might be code in the template that is overriding those settings. Again, we’d have to see the template code to make that determination.

Oh, EdFarmCollective,

I got excited when I saw your idea. I thought that might work. Then I looked at the coding:

Make your reservations now!

Join us at Mac's on Main on Wednesday, August 23rd at 6:30 p.m. for a food and wine pairing event you won't forget. 6:30 p.m. reception, 7 p.m. dinner

Dinner will feature Bingham Family wines paired with four courses specifically designed to enhance the wine experience. Space is limited and tickets must be purchased in advance to experience these perfect pairings.

The coding seems OK, but when the email was sent as a test to it, it just spread these two photos full width.

And yes, I added a photo to the newletter template, but I was wanting to add a couple more photos to the body of the email.

Well it works in the suppport emails. :slight_smile:

The top photo says " height=“300” src=“photo.jpg” width=“300” />

The bottom photo says:

" height=“250” src=“httpsand the second photo.jpeg file” width=“166” />

I guess I’ll just have to take the two photos out and get the email sent off in the morning.

Yes, I was trying to add the photos to the body of the email, not to a special preset image slot.

The template that I was using was the “Newsletter” template provided by Vin65.

So without seeing the code, it could be a matter of CSS overriding the HTML. For example, it says:

<img src="karsonrules.jpg" height="300" width="300" style="width: 100%;"/>

The HTML is saying to display at 300x300, but the inline CSS is making the width 100% and will render the latter in most email clients…except Outlook (with some exceptions).

If you can paste your code here and then highlight it and click the </> button above, we can fix it for you.

I’ll also take this moment to grandstand about how much Outlook sucks. If you are using Outlook to test your email rendering, it’s not going to be indicative of most email clients because Outlook uses Word’s rendering engine instead of, say, Webkit.

Outlook is basically dead outside of B2B applications. You should not make your emails with the assumption that most of your customers will use it. And if your company still makes you use Outlook, I am also sorry for you. Fix that.

https://emailclientmarketshare.com/

1 Like