• WP Themes
    • Free Themes
      • Oswald Lite WP Theme
      • MariGold WP Theme
    • Premium Themes
      • Oswald WP Theme
  • WP Tuts
  • WP Reviews
  • WP Hosting
  • Freebies
  • Book a Review
  • Contacts
Home/Reduce the Size of Your Images: WordPress Image Optimization Guide
4 shares
Reduce the Size Of Your Images WordPress Image Optimization Guide
October 18, 2017 | Inspiration, Plugins, Tutorials | 0 comments

Reduce the Size of Your Images: WordPress Image Optimization Guide

Sure you were in a situation when a website you want to open is loading “for ages” and you are bored and frustrated, so you just leave it without hesitation. Lots of things can make a website heavy: the loading speed depends on the hosting, GIF animations “weight”, amount of HTTP requests, and of course the size of images you upload. In this post, we will talk about the key things you need to know about image optimization to make your web pages load as fast as possible.

Why compressing?

Firstly, let’s define the main benefits of compressing images for the Web:

  1. Of course, it improves your load speed;
  2. You get a better Google Page Speed score;
  3. More visitors will stay on your page for longer, so you reduce your bounce rate;
  4. You get a chance to improve your conversion rate;
  5. You will need less storage space on your server ‘cause the optimized images take fewer resources of the server.

What are the most popular image formats?

As you probably know, the most popular image formats today are PNG and JPG. JPG is a more widespread format used for stock photos, images, and illustrations as well as those used on most modern websites. PNG is another popular format for images mostly used when it’s necessary to save a photo with a transparent background.

Ways to Optimize Your Images

Depending on the maximum width available for the large image size in your WordPress media library, you can instantly resize the image to that definite width in pixels. Initially, the given image was 1500×996 px by size and 881 kb big so you can resize it easily.

For instance, you’ve got a maximum width of 1024 px.

Upload an original image which is 1500×996 px in size into your media library.

Click the Edit Image button and scale the image to 1024×680 px in size.

Now it is 544 kb big, so it is better optimized for a website.

Free Online Tools for Image Compression

There are many more ways to compress the image and optimize it for the Web. Further is the list of free image compressing services with the best traffic rank, this means that people regularly use these popular tools for optimizing their photos.

Of course, if you consider there should be some more services in this list, you can suggest them in the comments.

We will use every one of the following services to compress our given image and see which tool is better.

TinyPNG

A very intuitive and simple free service where you just have to upload the images and get them compressed. You can upload up to 20 images at once, max 5 Mb each.

We upload our file, and it is identified by Panda character as 907.2 kb big, so after the compression, it is 374. 2 kb big. This online tool has saved you 59% – 529 kb in total.

Optimizilla

Another simple online service is absolutely free and allows you to upload up to 20 images and instantly compress them. The service supposes the opportunity to set the quality setting. By default, it is 90, but you can change it if you require it.

In this case, our image is identified as 882 kb big, and after compression, it weighs 498 kb which saves 44% – 384 kb in total.

Compressor

A good online tool for compressing images. However, it has no bulk upload option and you can add just one image at a time to compress it. The file size limit is 10 Mb.

So our original image is defined as 907, 72 kb, and after the compression, it weighs 382, 43 kb which saves you 58% – 525, 29 kb in total.

As you see, TinyPNG wins this small comparison contest saving you 59% in total.

There are also some premium online image compressing tools where you can sign up for free and then buy one of the available plans to use all of the service’s features without limitation.

Premium Image Compression Plugins

In addition, we’ve selected a few premium plugins from Themeforest which suit your aims the best. Please check them out:

Automatic WebP & Image Compression for WordPress & WooCommerce

This is a great plugin that allows you to optimize and compress all of your images with simplicity. You will be able to automatically compress JPEG/PNG/GIF images with the reSmush Api, backup your images to restore them, convert an unlimited number of images to WebP for free, compress the uploaded images and even use the Lossless compression.

View Demo

Seo Image Optimizer for WordPress & WooCommerce – Traffic Booster

SEO Image Optimizer is a must-have plugin to gain better traffic and more sales as a result. Reach the top of SERPs in Google, Yahoo, and Bing and increase your traffic from the image search. The plugin allows you to automatically add alt and title tags to your images in less than 30 seconds. No additional efforts are required.

View Demo

Hakros Images Optimizer

A software which helps to reduce the size of your images up to 95% and without changing the original resolution. The main features of the tool include incredible compression ratio, keeping the original file format, compressing multiple images at once (bulk uploading), no maximum file size restrictions.

View Demo

Conclusion:

As you see it is possible to compress images in a few different ways either choosing a free or a paid-for solution or just using a simple method of resizing the photo in the WordPress media library. Anyway, when you compress your images before uploading them on your website, you make your web-page SEO-friendly and fast.

melany hollywell wpdaddy
wpdaddy

Hi! I’m an experienced writer exploring WordPress for more than 5 years. I’m happy to share my knowledge and ideas with you and I hope you join me.

Cheers,
Melany H.

Share this post:
Related Posts
April 19, 2017

Best Selling Day Spa and Hot Tub WordPress Themes

Whether you’ve been hired to build a spa or salon website or you’ll be completing the project yourself, by choosing one of the day spa and hot tub WordPress them...
Read this post
September 27, 2017

How to Add Testimonial Rotator in WordPress

Whether you own a web store or just run a business website, you obviously need to make your customers satisfied with your products and services. If you encourage cli...
Read this post
Subscribe to our Newsletter
Never miss out on the latest news, updates and tips. Subscribe now!
Download Revolution Slider Here!
revolution slider image
Categories
  • Art and Culture
  • Blog and Magazine
  • Business
  • Cars and Transport
  • Cleaning and Janitorial
  • Crypto ICO Token Sales
  • Design
  • Directory and Listing
  • Education
  • Entertainment
  • Events
  • Fashion
  • Free Themes
  • Freebies
  • Gutenberg
  • Health and Beauty
  • Hosting
  • Industry and Construction
  • Inspiration
  • Interview
  • Kids
  • Landscape and Gardening
  • Multipurpose
  • Non-Profit and Charity
  • Pets and Animals
  • Photography
  • Plugins
  • Portfolio
  • Real Estate
  • Restaurant
  • Reviews
  • Sports
  • Technology
  • Traveling
  • Tutorials
  • WooCommerce
Popular Posts:
  • Best Face Generators to C...
  • How to Add Video in the S...
  • How to Enlarge Images Whe...
  • How to Center a Shortcode...
  • How to Fix ‘Browser...

Copyright © 2020 WP Daddy. All Rights Reserved.

Follow Us: