Blog

How to Best Optimize Images for your WordPress Website

I just started on a brand new redesign for a client. She’s got a smokin’ hot new logo and branding (from my go-to-gal Meghan Turner Design Studios) and some fresh copy.

Basically, her whole site is getting torn down and built back up in the best possible way! Except for her blog posts.

She’s written some great articles, so we want to keep them there. Plus, since it’s a seasoned site we want to keep what every SEO she’s accumulated by keeping as many of the same pages and posts and just making necessary design tweaks.

Anyhow! On to today’s topic…

While I kept her blog posts… I also kept many of the images used within her posts. But I noticed a trend in some of the uploaded photos. Some were as large as 7MB!

Having images on your site larger than 1MB is a BIG no-no in the website world!

I don’t even like uploading 1MB images. You can maintain quality and resolution with the exact same image… without jeopardizing the speed of your site or load time of your pages.

Having large images throughout your site will drastically & negatively affect the speed of your website. And having a slow site effect your user experience AND SEO rankings.

So what can you do if you’ve got a lot of large images you need to upload to WordPress? You’ll want to make sure you adjust the size and then compress the images BEFORE uploading them to your website.

The optimal size for your website would be no larger than 1020 pixels wide. I wouldn’t worry about the height, just use the 1020 pixels wide as your guide.

You’ll also want to check the PPI (pixels per inch) is set to 72 ppi, which is optimal for web use.

Then once you save your image I recommend running it through a website like tinypng.com to further compress the image.

TinyPNG is my go-to tool for optimizing my client’s images with the ‘perfect balance of quality and file size.’

Then it’s ready to be uploaded to your website… without jeopardizing your speed.

But what if you already have a gazillion images on your website and don’t want to download and re-upload every single one?

If you want to increase your website’s speed and optimize the images you already have on your site, you’ll want to take the steps outlined in the above video.

Basically, I recommend adding the WP Smush plugin to your site and ‘smushing’ aka optimizing and compressing your existing images.

The Imagify Image Optimizer plugin is another popular one, but I find WP Smush much more user-friendly.

You Also Might Like:

Everything you need + nothing you don't.

Download my Ultimate Resource List and learn everything you need to make your life easier in the world of technology. Plus! Find out who comes highly recommended and is the best of the best when it comes to hosting, online schedulers and more.

Please enter your name.
Please enter a valid email address.
Something went wrong. Please check your entries and try again.

© 2017 Katie O'Brien  |  Terms & Conditions  |  Privacy Policy  |  Online Courses  |  Free Resource List