I love Kartra*. It’s become my holy grail for my business, especially for online courses and email marketing. It’s also the platform that I’m recommending and helping a lot of my private coaching clients with as well.

Yet, as with any software platforms, it has its quirks.

One of those quirks being that it’s image sizes are a little weird and they don’t have a image size guide. Especially when it comes to email. But don’t let that scare you off. I have an easy fix for you.

There are lots of areas where graphics are needed inside of Kartra. Right now, we are going to focus on the email section. You’re going to get some tips and tricks (along with image sizes) on how to make it all work seamlessly. As it should be.

Because you want your emails to look good on both desktop and mobile.

I’m going to start this off by telling you that if you ask Kartra what their standard images sizes are, they’ll tell you that because of the varying sizes of everyone’s computers, the images will show up differently for each person and that the best thing to do is to measure the image area and double the size.

Well ain’t that just annoying…

And when it comes to email, it’s not true.

Here, let me prove it.

Here is a screen share of my desktop. I’m on a 27″ monitor and looking at my Museletter in Gmail.

As you can see, the size of the email itself STAYED THE SAME!

This means that the potential for your newsletter header needing to be something like 3000px wide is beyond silly and completely unnecessary.

So, what’s the size of my MuseLetter header?

Let’s measure it together and find out 😉

There is a really cool Chrome extension called Page Ruler you can add to your browser and measure any part of your screen that you want. Technically, this graphic is only 600W x 200T. That’s all you really need.

However, I want it extra crisp and clean, so I made it 1000×333. THAT’S IT!

In this guide, I’m going to give you the exact measurements I use for beautiful results. The header image will be the only one that is bigger than what shows up in the rest of the email (because again, I wanted to be sure it’s super crisp and clean).

Kartra Email Image Sizes

Newsletter Header – 600W x 200T (Extra Crispy = 1000W x 333T)

Thin, Inline Graphic (Like this helpful font separator) – 600W x 100T

Blog article graphic – 5ooW x 4ooT

 

Full Width Image – 700W x

Now, those are your basic sizes that you’ll want to use. As I mentioned above, there are a few things that creates weirdness in the emails.

  1. A headshot that you don’t have span the whole width of the email, and
  2. Any other small photo that doesn’t span the whole width of the email that you don’t have put into a box.

What is the weirdness you ask?

It’s not obvious on desktop, but switch over to the mobile version and things get wonky. The images will auto-enlarge to fit across the screen and will also become pixelated.

To prevent this, create a full width image (easily done in Canva), and add your small photo onto it, placing it where you’d like it to show up.

This graphic is 600W x 200T

Be sure to export as a .png with transparent background, so it doesn’t look funky.

This will ensure that your image will stay the same size and relevant to the overall email size ratio look and feel.

Now, you can custom code your email to make it all work the way you want it to…if you’re into that sort of thing, but this is simpler and no coding required.

You’re welcome.

 

Leave a Reply