When I upload pictures that include text the text appears slightly blurry and not sharp.
my emails are 600px wide
Any idea how to fix this?
Solved
Text looks blurry on images which include text uploaded to email
+2Best answer by stephen.trumble
Hey
One of the prevailing standards for improving the crispness of a rendered image in an email is to insert an image 2x the desired size and then reduce the image size in your template. There are two ways to approach this:
- Insert a large, crisp version of your image into your template, then click Edit Image and resize to your preferred dimensions
- Insert a natively larger image (i.e. 600px wide) and display at a smaller size (i.e. 300px width) using CSS; to take this approach, you'll need to insert your image into a text block and adjust the CSS source code
I would first suggest trying to upload a larger image into the image library, and then cropping it within the template.
Hope this helps!
@LaraS which graphics package are you using? What is the resolution? Are you using png or jpeg.
I find that Canva works well.. then compressing the image (containing your text) within squoosh.app editor. Key is to make sure the original image is as sharp as possible ( and if using squoosh then can be a large file to start with )
Sean
+2Thank you for your response. I use Canva. I have tried both as png and jpegs and upload these files directly to Klaviyo at the moment. I am not familiar with Squoosh. I will look into that thank you
+60Hey
One of the prevailing standards for improving the crispness of a rendered image in an email is to insert an image 2x the desired size and then reduce the image size in your template. There are two ways to approach this:
- Insert a large, crisp version of your image into your template, then click Edit Image and resize to your preferred dimensions
- Insert a natively larger image (i.e. 600px wide) and display at a smaller size (i.e. 300px width) using CSS; to take this approach, you'll need to insert your image into a text block and adjust the CSS source code
I would first suggest trying to upload a larger image into the image library, and then cropping it within the template.
Hope this helps!
Log in to the Community
Use your Klaviyo credentials
Log in with Klaviyo
Use your Klaviyo credentials
Log in with KlaviyoEnter your E-mail address. We'll send you an e-mail with instructions to reset your password.