Unsharp images in Marketing email

SOLVE
Occasional Contributor

Hi all,

I can't figure out how to get sharp images in my emails. I tried several things:

 

  • Hi-res png's and jpegs (twice the size of the actual image in the newsletter)
  • Image sizes that match the actual size in the newsletter
  • Set image optimization to high

Some images look sharp in the editor, but when in preview mode it's al blurry. Same for test emails.

 

Thanks in advance!

Reply
0 Upvotes
3 Accepted solutions

Accepted Solutions
Esteemed Advisor | Gold Partner | HubSpot Certified Trainer

Hi @JaimeK,

 

Instead of uploading your images much larger than they are appearing, try uploading them closer to the size they are displaying. When an image is decreased or increased in size significantly, blurriness can occur. 


Josh 




Did this post help solve your problem? If so, please mark it as a solution.

Josh Curcio

We help tier 1 & 2 manufacturers generate leads!
HubSpot Gold Partner & HubSpot Certified Trainer

Advisor

None of the images in that email look bad to me.  My only comment would be on the mobile view image because it is so zoomed out, having multiple screenshots may not be needed.  The point could be conveyed simpler with a screenshot mounted on a iphone/android/generic phone background to show that it is mobile friendly on a mobile device

 

To Josh's point though, I agree that keeping the image as close to the size is better because Photoshop (or any image editor) will do a better job at optimization than Hubspot will.  Images that are too small will blur as they grow, while images that are not proportional will show as distorted.  If you had to make an image too large or small though, I would always say too large because at the right proportion, the image will be sharper, but most untrained eyes will not notice the difference, it will just mean larger file sizes to download the email.

New Contributor

I use tinypng.com to compress images! It's super easy. You just drag the file in and then download the compressed image right from that website.

8 Replies 8
Advisor

It's really hard to say without seeing the email but it's definitely an image optimization issue.  Can you get a sample URL to view the email online or the preview online link when developing your email and share that with us?  We can then look at your email in a browser and see what's going on with the images.

Reply
0 Upvotes
Occasional Contributor

Hi Ben,

 

Thanks for your reply. Here's a preview link to the email:

 

https://preview.hs-sites.com/_hcms/preview/content/12410453870?portalId=3842977&_preview=true&cacheB...

Reply
0 Upvotes
Esteemed Advisor | Gold Partner | HubSpot Certified Trainer

Hi @JaimeK,

 

Instead of uploading your images much larger than they are appearing, try uploading them closer to the size they are displaying. When an image is decreased or increased in size significantly, blurriness can occur. 


Josh 




Did this post help solve your problem? If so, please mark it as a solution.

Josh Curcio

We help tier 1 & 2 manufacturers generate leads!
HubSpot Gold Partner & HubSpot Certified Trainer

Advisor

None of the images in that email look bad to me.  My only comment would be on the mobile view image because it is so zoomed out, having multiple screenshots may not be needed.  The point could be conveyed simpler with a screenshot mounted on a iphone/android/generic phone background to show that it is mobile friendly on a mobile device

 

To Josh's point though, I agree that keeping the image as close to the size is better because Photoshop (or any image editor) will do a better job at optimization than Hubspot will.  Images that are too small will blur as they grow, while images that are not proportional will show as distorted.  If you had to make an image too large or small though, I would always say too large because at the right proportion, the image will be sharper, but most untrained eyes will not notice the difference, it will just mean larger file sizes to download the email.

New Contributor

Have you tried compressing all of the images?

 

That usually helps for me.

Occasional Contributor

@SPSmartBug Would that be compressing with Photoshop? Or do you have another method?

 

@Ben_M , @Josh : thanks for your replies! I did already play around with image sizes that are closer to the actual size in the email. I will try again, but i'm afraid images will never be crisp inside hubspot email. Do you guys manage to do so? If so, could you show an example? Smiley Happy

Reply
0 Upvotes
New Contributor

I use tinypng.com to compress images! It's super easy. You just drag the file in and then download the compressed image right from that website.

Highlighted
Occasional Contributor

@SPSmartBug , thanks! I will try that as well.

 

Thank you all for being so helpful, hopefully I will get my next newsletter nice and crisp with your tips Smiley Happy

Reply
0 Upvotes