Email Marketing Tool

JaimeK
参加者

Unsharp images in Marketing email

解決

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!

0 いいね!
3件の承認済みベストアンサー
Josh
解決策
名誉エキスパート | Platinum Partner
名誉エキスパート | Platinum Partner

Unsharp images in Marketing email

解決

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

HubSpot support and inbound marketing for OEMs, contract manufacturers, and industrial suppliers.
HubSpot Platinum Partner & HubSpot Certified Trainer

元の投稿で解決策を見る

Ben_M
解決策
キーアドバイザー

Unsharp images in Marketing email

解決

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.

元の投稿で解決策を見る

SPSmartBug
解決策
参加者 | Elite Partner
参加者 | Elite Partner

Unsharp images in Marketing email

解決

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.

元の投稿で解決策を見る

9件の返信
SPSmartBug
参加者 | Elite Partner
参加者 | Elite Partner

Unsharp images in Marketing email

解決

Have you tried compressing all of the images?

 

That usually helps for me.

JaimeK
参加者

Unsharp images in Marketing email

解決

@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? 🙂

0 いいね!
SPSmartBug
解決策
参加者 | Elite Partner
参加者 | Elite Partner

Unsharp images in Marketing email

解決

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.

JaimeK
参加者

Unsharp images in Marketing email

解決

@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 🙂

0 いいね!
PJanakiraman6
投稿者 | Diamond Partner
投稿者 | Diamond Partner

Unsharp images in Marketing email

解決

Hi @JaimeK ,   I  agree that resizing and designing images in HubSpot based on the given dimensions helps to maintain visual consistency. But for optimization, I discovered a workaround: the HubSpot app is called LitePics in HubSpot a few weeks ago, and it automatically compresses all of my images in the HubSpot portal.

 

It does not effect the image quality because it uses Lossless compression and supports a variety of formats including GIF, PNG, JPG, JPEG, TIF, and WEBp. Initially chose the free version, then upgraded to the personalized plan. It has been beneficial to me; I hope this helps you.

 

Have a wonderful week

0 いいね!
Ben_M
キーアドバイザー

Unsharp images in Marketing email

解決

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.

0 いいね!
JaimeK
参加者

Unsharp images in Marketing email

解決

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...

0 いいね!
Josh
解決策
名誉エキスパート | Platinum Partner
名誉エキスパート | Platinum Partner

Unsharp images in Marketing email

解決

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

HubSpot support and inbound marketing for OEMs, contract manufacturers, and industrial suppliers.
HubSpot Platinum Partner & HubSpot Certified Trainer

Ben_M
解決策
キーアドバイザー

Unsharp images in Marketing email

解決

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.