I think this is a fantastic tutorial, not only for your blog, but also if you sell products on TpT (Teachers Pay Teachers), as I do.
Update !Teachers Pay Teachers seems to have changed their file size requirement for preview images. YAY! But reducing your image size is still VERY important for your blog (see the bottom of this post).
I'm sure you've ALL had the experience where you try to upload your own thumbnail images onto TpT and you've received the dreaded "File is too large" message!
This used to majorly stress me out. The maximum file size for TpT's thumbnails is 200 KB. Any bigger and you absolutely CANNOT display that image.
I ended up going back and forth resizing my images and lowering the quality of the image which sometimes resulted in blurry photos. Not to mention ALL the time wasted.
TinyPNG! Have you heard of them? I found this site a couple of months ago and it's been a life-saver for me.
Here's how it works:
You'll be greeted with this adorable panda bear. Just grab your image from your desk top and slide it right into that box.
Look what happens. On the left you can see that my before image was 344.5 KB. That's way too large for TpT's liking. But after TinyPNG does their magic the size of my file is reduced by 72% and is now just 97 KB.
YAY! Success! Now I don't have any problems uploading my product image to my store.
How Does it Work?
I'll be honest with you, I don't completely understand the mechanics of it. But here's a direct quote from TinyPNG:
TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!
Where Else Can You Use This?
The smaller the size of your image, the faster it will upload onto your blog. And the quicker the images upload, the faster your blog page uploads. It's super important to have a fast-loading page because that's one factor that improves your SEO.
If you have a wordpress blog then you can grab the TinyPNG plugin that will automatically do this for you, but blogspot blogs aren't so lucky. You'll need to manually resize your files as I described above. I do it all the time because I like to add lots of images.
I hope this was helpful. Feel free to ask questions or let me know of other sites that do the same job.