I’m a graphics professional, so I understand dimensions and resolution. I have created my logo to the exact size I want. It’s from a vector graphic, so sizing is no problem. My logo is tack sharp in Photoshop. I’m exporting as a .png.
It’s blurry in my newsletter. I am viewing on a Retina display and they do say it’s best to do graphics 2x the size. However, if I make my logo bigger though and resize in Klaviyo, it really looks bad.
How can I get my logo sharp? As you can see, my other graphic is quite sharp. Thank you.
One of the prevailing standards for improving the crispness of a rendered image in an email is indeed to insert an image 2x the desired size and then reduce the image size within 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.
Could you explain why this process might not work for you? Is there some graphical error that occurs when resizing or some formatting issue? Here is a great resource to help you troubleshoot your desired logo quality.
One of the prevailing standards for improving the crispness of a rendered image in an email is indeed to insert an image 2x the desired size and then reduce the image size within 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.
Could you explain why this process might not work for you? Is there some graphical error that occurs when resizing or some formatting issue? Here is a great resource to help you troubleshoot your desired logo quality.
Neither of these solutions has helped me, and I am also a digital designer. Quite frankly, if Klaviyo can’t even handle vector graphics, and indeed produce a professional standard of presentation, then what is it good for?
I’m just seeing this thread and wanted to chime in - have you tried exporting your image in different formats, then uploading to Klaviyo? Let’s say you’ve set up all the sizes etc. the way you want them. Try exporting as PNG, JPEG or GIF, and see which one retains the original quality.
We can try a few more fixes if this one doesn’t help. Exporting a regular image in the “gif” format sometimes helps circumvent any quality issues.
Additionally, I’d check out our documentation on Images in emails reference which goes through how to have the best images in your emails a bit more in depth.
But generally across the web, using 72dpi resolution is best practice! I recommend trying to keep your images between 600 and 1000 px in width and less than 2000px in height for full-width images, in order to balance image quality and loading speeds. Images that are less than the full width of the email can be smaller than 600px. These additional threads might help too!
I’m experiencing the same issue. Even in the templates, Klaviyo’s inserted logo appears blurry, which is far from inspiring. Since the logo is the first thing people see when they open an email (and is a representation of the quality of the company!), Klaviyo should support non-blurry logos. Can you provide a solution or make backend updates to the templates? We’re a media company that is known for our superior quality images and videos so this is quite disappointing to have as part of our branding.
By clicking “Accept All Cookies,” you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Privacy Preference Center
Your Privacy
Strictly Necessary Cookies
Performance Cookies
Functional Cookies
Targeting Cookies
Site Analytics
Your Privacy
When you visit any website, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.
Privacy Notice
Strictly Necessary Cookies
Always Active
These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.
Performance Cookies
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance.
Functional Cookies
These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.
Site Analytics
These cookies record your visit to our website, and are used to track your visit including information such as: web page interactions (clicks, hovers, focus, mouse movements, browsing, zooms and other interactions), referring web page/source through which you accessed the Sites, heatmaps and scrolls, screen resolution, ISP, and statistics associated with the interaction between device or browser and the Sites. If you are accessing our Services with a European IP address, you have been asked to consent to the use of these cookies (you are free to deny your consent).