How to Convert JPEGs to PNGs

JPEGs and PNGs are two of the most common image formats used by email marketers. But how much do you actually know about either of them?

What’s the difference between JPEGs and PNGs?
For email design or any image containing text, PNGs are clearer and crisper images than JPEGs. This is because PNGs are “lossless”, and JPEGs are “lossy”. Lossless data compression typically results in larger file sizes because it allows compressed data to be perfectly reconstructed. Lossy compression, on the other hand, results in smaller file sizes, but the compressed data cannot be perfectly reconstructed.

Here’s what the difference looks like when you zoom in:

Klaviyo logo, JPEG vs. PNG

The PNG, on the left, is shown against a gray background, but the background is actually transparent. JPEGs do not allow for transparency, which means you’ll have to manually match the background color when you insert one into your email template. JPEGs also produce a gray “dust,” as you can see around the letters in the above example. This can cause an image to appear blurry.

What does this actually mean?
JPEGs are great to use where file size is a concern, but PNGs are better at preserving quality. No matter what, you should always use PNGs for images that contain text, like your logo. Even better, PNGs allow for transparency, so you don’t have to worry about matching background colors in your images and email templates.

How do you convert a JPEG to a PNG?

If you have a photo editor like Photoshop, converting a JPEG to a PNG is as easy as opening your image and exporting it as a .png file.

There are also plenty of websites that will convert images for you. Here are just a few:

To recap, JPEGs are lossy and PNGs are lossless, PNGs support transparency and JPEGs don’t, and PNGs create larger file sizes than JPEGs. Use PNGs in your emails to achieve crisper images, and if you need to remove the background from a PNG after converting it from a JPEG, check out this post on how to remove backgrounds from images.

.yuzo_related_post img{width:260px !important; height:250px !important;}
.yuzo_related_post .relatedthumb{line-height:16px;background: !important;color:!important;}
.yuzo_related_post .relatedthumb:hover{background:#ffffff !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important;}
.yuzo_related_post .relatedthumb a{color:#323b43!important;}
.yuzo_related_post .relatedthumb a:hover{ color:}!important;}
.yuzo_related_post .relatedthumb:hover a{ color:!important;}
.yuzo_related_post .yuzo_text {color:!important;}
.yuzo_related_post .relatedthumb:hover .yuzo_text {color:!important;}
.yuzo_related_post .relatedthumb{ margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; }

jQuery(document).ready(function( $ ){
//jQuery(‘.yuzo_related_post’).equalizer({ overflow : ‘relatedthumb’ });
jQuery(‘.yuzo_related_post .yuzo_wraps’).equalizer({ columns : ‘> div’ });

Back to Blog Home