Images & Your WordPress Site: What you need to know

I keep writing this over and over. That’s… not efficient. And slightly annoying. Of course, the annoyance is at me. I’ve written this out hundreds (billions and billions) of times over the years.

Anyway, I’ve got your back. Here’s the least need to know about images and your WordPress site.

What File Format:

WebP is the preferred file format. It’s the smallest. But it’s also relatively new, and not all programs export to WebP. If that’s the situation you’re in, use one of the file formats below:

JPEG (JPG): Use JPEG for any image that doesn’t have a transparent background.

PNG: If you have an image that has a transparent background. This is most common in logos. It allows you to put the logo over various colors and still look delicious. Amazing even.

What File Size:

How many bytes does your image take up?

The smaller, the better.

Whatever program you’re using should allow you to export to sizes appropriate for your website. What’s an appropriate size image for your website? That’s a can of worms. And I don’t have time for cans of worms. Don’t even start on the ethics of keeping worms in cans.

What Dimensions Should Your Image Be:

How many pixels wide or tall is your image?

No bigger than 2560px by 2560px.

Never upload an image larger than 2560px at its largest side to your WordPress website. So a square image of 2560px by 2560px is the “largest” image you should upload.

As a general rule, upload your biggest image as long as it is no bigger than 2560px on any side.

The Special Case of Logos:

Everyone wants to be the exception. Everyone wants to be special.

Logos are rarely used as background images and are often used in smaller sizes, less than 500 px wide or tall. So upload a logo as large as 750px wide or tall if you’d like. But please make sure any extra space around the logo is cropped out.

When to Break These Rules:

When you know you know.


Newsletter Signup

Sign up for WordPress, marketing and general website tips.

This field is for validation purposes and should be left unchanged.