How to resize images in WordPress

1

Load speed is one of  the main indicator for search engines optimization and keeping readers to link with your site. Large images can make your site look more attractive; however, they will slow down your site load speed. So if your WordPress images too large, let’s think about resizing it. There are many ways to resize images without losing the image quality. It may be manual or automatic. Which way chosen is up to you? In the today’s post, I will walk over these ways to help you resize all images on your WordPress site to boost the site performance. Let’s get started!

But first…

Why should you crop and optimize my images?

It will be nothing to say if you have a large high-quality image. But what happens if your image doesn’t look well or it is too heavy, taking more time to load. You will definitely lose a huge number of viewers. Once access to your site, they desire to look at useful content with eye-catching related images. Low-quality image is a great limitation for your site. Additionally, according to the latest report, users tend to abandon websites that have to load more than three seconds. I think these issues are adequate for you to focus on the images uploaded to your site.

To solve this, you can optimize your images by cropping, resizing them. At least these techniques are important steps to create better visual content, accelerate the uploading process, and reduce the bandwidth. And your speedy sites will attract more and more readers.

Now take a look at some methods to help you resize your images easily.

Resize Images Before Uploading

Optimizing your images before uploading them to the WordPress site to ensure everything work well. Why not? Reduce all images into the most effective size can save time, as well as significantly cut down the storage for them. You can do it online or directly on your computer thanks to the help of powerful tools.

Online

Resizing your images online may be tricky, because it affects directly the quality and clarity of images. When you search it on Google, it may show hundreds of tools, even many of them are free. There are a wide range of online tools that seem to do a quite good job of it.

Bulk Resize Photos

2

Bulk Resize Photos comes with the easiest interface. The only thing you have to do is drag your images onto the site as many as you want. And then choose the way to scale it. You can do it in five ways: percentage, longest side, width, height, or add the exact size. This tool is user-friendly, so you can scale all in a matter of seconds with no uploading necessary.

In addition, you are given advanced settings which allow you to change the format of images (from JPG to PNG, and vice versa), adjust image quality, set the background color, or add padding to prevent stretching.

BIRME

3

BIRME, standing for Batch Image Resizing Made Easy, is another choice for you. It is quite simple yet flexible. Similar to Bulk Resize Photos, drag your images onto the page, then set the new width and height you want. Depending on the size option you choose, it will scale or crop to fit your dimensions. If not, you can choose the automatic options by clicking on them.

Also, you can add some border with desired thickness or change the quality settings (for JPG format). To complete the resizing process, click on the Save .Zip button, all resized images are downloaded as a single Zip file.

Resize Pic Online

4

Another drag-and-drop resizer is the tool named Resize Pic Online. To do it, upload your images, select the width from 30px to 1500pz, the quality (low, medium, high, best), and then choose the file type (remained file, convert to JPG or PNG).

On My Computer

With some well-known tools installed on your computer, you can resize images directly on your device. There are several options such as Photoshop, Gimp, and many more. But they may be a bit overkill to only resize an image.

Photoshop may be popular choice. It is considered the premiere image-editing software. It’s powerful and intuitive, with full of great features. With easily-recognizable interface and custom settings, you can play with your images. To do this by Photoshop, follow the steps below:

  • Launch Photoshop
  • Click File in the Photoshop top menu
  • Choose Open from the drop-down menu
  • Select your image
  • Click the Open button
  • Click Image in the Photoshop top menu
  • Choose Image Size and then select the desired width and height
  • Check “Constrain Proportions” and “Resample image
  • Click the OK button

Load Images And Resize Them

Using The Visual Editor

The visual editor allows you to edit and format the blog content, including images. However, it has a limitation that the incremental percentages for resizing are limited. Moreover, the results are inconsistent and unpredictable.

Using The HTML Editor

When adding an image in the WordPress HTML editor, several size options are shown for resizing. It may be “Thumbnail”, “Medium”, “Large”, and “Full Size”. But sometimes Large or Medium may not be options for your image if it is too small.

Look at the HTML for image, you will see 2 parameters for changing:

width=”XXX”

height=”YYY”

These are your two key numbers. Change them to the size as you want to scale your images.

Resize Images Automatically

All methods above can deliver exact images you want but it will consume your time. Instead of that, you can use WordPress plugins to resize images automatically. Here are 3 popular plugins that can optimize your WordPress images.

WP Smush.it

This is an effective solution to compress your images automatically without affecting the quality of image. Once installing it, it will automatically optimize all existing images and new images. In addition, it also helps your page reach the higher rank in search engines.5

The plugin is very easy to use. You just only need a single click to resize the image. Even with advanced feature, your images are automatically smashed. It is flexible to help you control over your website.

EWWW Image Optimizer

EWWW Image Optimizer can optimize your images automatically as soon as you upload them to your blog. It will convert the format of the image files to the one that exhibits the smallest size.

For JPG and PNG files, the plugin applies reductions with options. It loads your images faster and helps the WordPress website work better.6

With a speedy website, visitors will be attracted and the heavy traffic may be observed and generate revenue. The smaller size of images also improves efficient backups.

ShortPixel

A simple plugin with a clean interface will be a good solution for you to optimize your images. You have to subscribe to ShortPixel to get the API key. Upon subscription, you will earn 100 free credits per month. Plus, this offers an option to keep EXIF data in images which is a very useful feature for photographer.7

With a speedy website, visitors will be attracted and the heavy traffic may be observed and generate revenue. The smaller size of images also improves efficient backups.

ShortPixel

A simple plugin with a clean interface will be a good solution for you to optimize your images. You have to subscribe to ShortPixel to get the API key. Upon subscription, you will earn 100 free credits per month. Plus, this offers an option to keep EXIF data in images which is a very useful feature for photographer.

8

This is a premium plugin. You can optimize 10,000 images with $9.99. It may be a nice solution for you.

Which method do you choose when uploading images on WordPress sites? Please share it in the comments. Or if you use any other methods, be sure to leave it below.

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s