How to Easily Resize Images for Blog Posts and Pages

Written: March 1, 2019
Updated: August 17, 2021

Great quality images are an important part of your blog posts and pages. Along with that, image size is also very important. If you’ve ever looked at the size of photos straight from your camera, photos from free stock websites, or purchased stock photos, you will see that they can be well over 4,000 pixels wide, which is just way too large for the web. These large photos will slow your page down and if you keep using large images, they will eventually take up so much space on your hosting server that you may need to upgrade to the next hosting package.

I tell my clients to use images no bigger than 1500 pixels wide and no smaller than 500 pixels wide (the height will self-adjust) in their posts or pages.

So how exactly do you resize large images? There are a lot of free online sites that you can use to resize images and you can use the one you like, however, for the sake of this tutorial we are going to use Image Resizer.

And by the way, if you need to resize more than one image, you can use Image Resizer’s Bulk Resize tool.

Before we get into the tutorial, we need an image. I downloaded a beautiful flower image FREE from Pexels.com. The original image size is 4608 pixels x 3456 pixels, which is way too big for the web and hogs up valuable space on my server.

You can download a free image from Pexels and follow along. You will need to create a free account to download.

How to Resize Images

1) Go to Image Resizer.

2) Click on the green + Select Image button to browse and select the image to be resized.

3) In this window you will see your uploaded image. Scroll down to number 2 and type in the custom width, the height will self-adjust, and make sure pixels is selected. Leave number 3 as defaulted and click on the blue Resize Image Now button.

4) And there it is, you can now click on the blue Download Image button, but let’s look further.

Image Resizer gives you some awesome extra options and you can scroll over each to see what they are. Under that is where you can see the original file and pixel size and the NEW file and pixel size. Looks really good!

You are now done resizing your image and can now download and upload your newly resized image to the media library and use it in a blog post or a page!

PRO TIP: Be sure to rename your image to something that is more relevant and appropriate to the blog post or page, which is good for SEO.