tech·blogging

Easily resize images for your blog

Be mindful of your image sizes on your blog! Use this tool to resize them easily.

By nabe-chan
·
3 min read
-
0

Y
ou just finished typing a new blog post and begun adding images into it. It's unlikely that you'll find a blog post out there without one or two images in it. It helps to break up the wall of text and to attract the attention of the readers. Little did you know that those high fidelity images load way too slow for readers with slow Internet speed. Why? The answer is simple - THE IMAGE SIZE IS TOO BIG!

This post is part of a blog post series

I wrote a few blog posts on how to up your game as a blogger.

We are spoiled silly with impressive cameras on our phone. Taking great photos is but a tap away on our phone screen.

Try taking a photo on your phone. Import it to your computer, and check the size. Last I checked, my photos always go up to 2MB each. Google's Lighthouse Audit tool which I covered here, will warn you if your images are more than 1MB. If your readers have really slow Internet speed, it might take forever for a page with many images to load and they'll leave.

If you don't want your readers to leave, you need to resize your images to be approximately 500KB. There are times you can't do that, because you need to balance between high resolution and size, but the idea here is to make your images reasonably sized (Below 1MB at least)

Advert
End of Advert

I usually use Window's Photos software to do the resizing, but I realized this ain't cutting it. I needed more control over how the end results turn out. Generally speaking, all I need are these features:

  1. Image proportion is preserved, and I get to choose the image quality.
  2. Resizing actually tones down the size (MB) by a lot. If it only reduces the size by 1%, it's useless.

I googled and found this - Image Resizer for Windows by Brice Lambson. Bless you, Brice. This is by far the easiest and useful tool I've ever used.

A right-click away

What I love about this tool is that you don't need to open the app to use it. You access it through using the right-click menu. I don't need to open an app to use a feature! Ah, bliss. Just right click on an image and you'll see the option right there.

Advert
End of Advert
Right click and voila, it's right there. Fast and easy.

All I ask for

Click on the option Resize pictures in the right-click menu and a popup should appear. You can choose any of these sizes, or add a size yourself. Then there's this encoder option and you can change the image quality too.

Advert
End of Advert
Resize your images with these options, or custom make one.
Advert
End of Advert
You can create new sizes too by clicking Advanced Options.
Set image quality, encoder, etc here by clicking on Advanced Options.
You can even change how to rename your newly resized generated images!

Resizing works pretty well

Mari-chan's latest blog post had a ton of images taken using her phone. Those images are really big! If there's 5 images in the blog post, then the reader is loading 5MB the first time they load the blog post! Using the Image Resizer, the sizes went from ~1MB to ~100KB. Now you're loading only ~500KB for that blog post.

Reducing image sizes with a snap

Project is active

Last I checked, the author of this project is still updating the code base, so it is unlikely it gets abandoned. Check out the project status here.

Enjoyed the post? Give nabe-chan some hearts!
- hearts received
Thank you for reading our blog
Geeknabe is a small blog that I personally coded up, and we do it because we love what we do. Check out the series this blog post is apart of
here
! You can take a look at our
related posts
for more blog posts, or check out our
topics
listed in our footer.
About nabe-chan

Secretly thinks dubs are better than subs, Sword Art Online is actually not bad, and everyone must read from MangaPlus. Find out about the owner of this blog (it's me by the way) here.