I use a lot of photos and images on my blog, and many of these photos are high resolution, which means they are giant files that take up a lot of space. Giant files that take up a lot of space can really slow down your site, and we all want our sites to load quickly! Until recently, though, I wasn’t sure of exactly how to resize images for a blog – there’s a lot of confusing information out there.
I’m not technical, and to be honest – when I see words like “kilobytes” and “pixels,” I kind of glaze over. I don’t want to know that kind of stuff. It’s boring! But turns out it is very important, too…and can be broken down into a couple of easy steps that you can follow every time you upload a picture to your site.
There are two things I look at when uploading photos:
1. Resolution – Most photos, when uploaded from your camera, are high resolution. You want high resolution photos (especially if you’re going to be printing them), but it’s really not necessary for your blog. You can reduce the photo’s resolution so it’s more “blog-friendly” and still have a beautiful photo on your blog. The recommendations vary, but from what I’ve researched it seems that a photo should be between 75-150 kilobytes (KB) for optimal uploading speed.
2. Pixel size – I like my photos on the big side, so I almost always size them so they’re 500 pixels across. Many bloggers use 400 pixels across for their images, and others like them even smaller. This is up to you and something you’ll need to play with to see what you like and what looks best on your site.
The following photo’s original size was 3324×2208 pixels and 4199 KBs in size. The resized version you see below is 500×332 pixels and 155 KBs in size. That’s a huge difference…and the end result looks the same to everyone reading this post!
It was *super* easy to resize this photo.
I used a free online tool to adjust the size in pixels and to lower the resolution. There are tons of free software programs available that you can use – I used Image Optimizer. I simply uploaded the image, chose a file size (I chose “normal” – you can choose anything from Minimum File Size to Best Quality), and adjust the pixels to 500 wide. In less than a second later, I had an “optimized” image for this blog post that I saved to my laptop and then uploaded to this site.
It was easy, and everyone – myself, readers, and even Google – will be happier (nobody likes a slow-loading site)!
If you’d like more information on image sizing, check out the links below: