Skip to Main Content

How to register and optimize images of your WordPress blog

Divi: the easiest WordPress theme to use

Divi: The best WordPress theme of all time!

With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]

Do you know how to reduce the size of your images to speed up the loading speed of your blog? Most novice bloggers do not know how to correctly record images, which has a big impact on their website's display time. In this article therefore, I will show you how to save optimized images to your blog.

All the expert bloggers will tell you that the images make it possible to increase the commitment. However, what they do not tell you is that weight and size matter a lot. Too heavy images will slow down your blog, it will be slower to display. according to Strangeloop, a second of delay can cost you 7% of your sales, 11% of the pages of your website will be less visited and 16% of your customers might not be satisfied.

How to correctly save images on your blog?

When saving images to your WordPress blog, there are two things you need to consider: the format of the image et Compression.

By choosing the right combination, you can reduce 5 times the weight of your image.

For most of us, the two most used image formats are JPEG et PNG. To make it simpler, use the format JPEG For images with many colors, and use the format PNG when you need transparent image for example.

For those who fail to make a difference, the images PNG are not compressed, which means that these images are very good qualities. The downside is that your image is much heavier which will slow down the loading time of your site. On the other hand, the format JPEG is a compressed format, so the image quality is not as good as the format images PNG. However, the size of the image is also reduced.

Public chat BlogPasCher, Most of the images are in JPEG format.

The next step is compression, which means, reduce the weight of images and optimized for the web. Compressing an image will make a big difference.

The table below shows the different combinations that we can use to save the image used at the bottom of this article.

Picture format

Image Size

Photoshop Optimization JPEG Format (Top)

33 KB

Optimization TinyPNG

Easily create your website with Elementor

Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]

57 KB

JPEG Mini Optimization

70 KB

Optimizing Photoshop JPEG (Maximum)

93 KB

Unoptimized JPEG format (Maximum)

119 KB

Photoshop optimization PNG format

135 KB

PNG image not optimized

145 KB

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

 

Compression tools for bloggers

Now that you've seen the difference between each type of compression, below, I'll show you how to save optimized images for the web and increase the speed of your website.

Adobe Photoshop

Adobe Photoshop is a (paid) software that comes with features that will allow you to save images optimized for the web. To do this, open your image and click on the File menu> Save for web.

Clicking on it will open a window. And on the right, you will see a field with different formats. For the JPEG format, you will have the choice between several forms of compression, which will reduce the weight of your image. After choosing your options, you will see the size of the image displayed at the bottom right.

Important: You should know that Photoshop is quite expensive software. You will have as alternative GIMP, which is free software and accessible to all, but also other Adobe products such as Fireworks, can perform this task correctly.

TinyPNG

TinyPNG is web software that uses smart shedding technique to reduce the weight of your PNG images. All you need to do is visit their website and upload your images. They'll do the compression for you, and they'll resend the download link for your image to you.

For developers, they also provide an API for converting images automatically.

JPEG MINI

JPEG MINI is a compression technology that significantly reduces the size of your images without affecting their quality. You can use the web version for free, or purchase the software for your computer. They also have a paid API which helps automate the process on your server.

ImageOptim

ImageOptim is a MAC utility that will allow you to compress your images without losing quality, by finding the best compression parameters and removing unnecessary colors.

The alternative for Windows of this utility is Trimming out.

As you can see, there are several tools you can use to perform image compressions for the web. Using Photoshop compression we had better results in terms of file size however the quality is affected. TinyPNG is a very good solution to save PNG images for the web.

Some will suggest that you use a combination of TinyPNG ou JPEG Mini et Image Optim for better results. However using two tools to perform your compressions will overload you a little bit.

Final thoughts on image optimization

If in the past you weren't saving images optimized for the web, then start saving now. This could make a huge difference on the speed of posting your website, and your users will certainly thank you for that. Of course, the quality of the image may decrease significantly, but most users will not notice this change.

Easily create your Online Store

Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]

Another thing, using a CDN for your WordPress blog can significantly increase the loading speed of your website. We use CloudFlare for all our sites. But there is also MaxCDN For our website.

Here are some other resources that should help you:

We hope you found this article very useful.

Do you have blogger friends who are incorrectly recording their images? Share this article with them, so they will eventually increase the speed of their website posting, and they will thank you for that.

If you have a question, please leave a comment below. But also don't forget to follow us on social networks.

This article features 1 comment

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
5 shares
Share4
tweet1
Save