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