Are you puzzled why your site isn’t ranking well on Google or why consumers aren’t engaging with it? Image sizes are frequently the biggest performance bottleneck, and website speed is a significant user experience and SEO issue.

For many people, saving photographs for the web has always been a mystery. Uploading large photos cannot only degrade the user experience on your site, but it will also have an impact on your SEO strategy, as mentioned above.

In this article, you will get to know everything you need to know about Image Size.

Why is Image Size important?

Better user experience:

Visitors will have a more engaging experience while browsing your website if you use high-quality, impactful images. You can provide your visitors with a seamless and smooth experience by keeping those images optimized and loading quickly, which encourages them to spend more time on your site and explore your content.

Increase Speed:

If a web page takes longer than 5 seconds to load, the chances of a mobile user abandoning it increase by 90%. You may speed up your website pages by resizing and minimizing image sizes. Users will stay on your page for longer if the performance is faster.

Boost in sales:

Improved SEO and faster loading times can assist bring more users to your site, increasing your chances of being searched about and booked. This increased user engagement results in more traffic to your site and, as a result, more sales.

Increased SEO rankings:

The speed of a website is a ranking element. The faster your site loads, the higher you can rank. On both desktop and mobile devices, web pages with optimized images load substantially faster. Smaller files result in faster page loading times and better SEO rankings.

How to find the correct image size?

Below are the two methods for quickly examining your website photos and determining the right size for each element on your site:

1. Image size info extension:

The Image Size Info Extension for Chrome is the first method to look for image sizes on your site. After you’ve installed the extension, you’ll be able to use this tool to determine the image sizes of each image element on your site. Examine the images on your site, take notes, and use this information to adapt your shots to match the gaps exactly as they are intended in the theme design.

The tool’s biggest drawback is that it can’t check background pictures for sizing. Background pictures are utilized instead of image HTML elements in many themes since they are more flexible when it comes to displaying photos. If you can’t inspect the images because they’re backgrounded images, you can check the picture sizes on your site using the next method.

2. Inspector tool:

You may also use the developer’s inspector tool in Chrome and Safari to find image sizes on a website. The procedure will be the same as before: inspect the various elements on the site and take measurements. After optimizing images online and accurately titling them for SEO, double the image sizes for retina devices and upload them to WordPress.

The method’s disadvantages include the possibility of images being shrunk when using the inspector in the same window if the site uses some responsive elements specified in REM settings. If the site uses responsive elements, they will appear larger on larger screens and smaller on smaller displays. When checking the site, it’s better to use a larger screen if at all feasible, so you can receive the most exact image sizing. In any case, adopting this method will give you a decent idea of the sizes for your site and allow you to take greater care when adding images to it.

Image optimization and saving for the web

When it comes to optimizing and conserving images for the web, there are a few things to keep in mind. Depending on the goal, you should evaluate whether to utilize JPG, PNG, GIF, or WebP files.   For SEO purposes, you’ll want to identify your photographs correctly. PNG vs JPEG vs WebP – Which One Is Best? And save them in the correct color format (sRGB for web). You must save photographs in the following formats, depending on the purpose. jpg,.gif, or.png are all acceptable file types. When saving images for your portfolio website, JPG will be the most popular format, as well as the smallest in size.

Please make sure that the filenames are appropriate for each image or blog post. Using letters, numbers underscores, and hyphens is always preferred. Make an effort to employ only English letters. Characters from different languages, question marks, spaces, and % signs in your galleries. Blog posts may upload incorrectly or cause unexpected behaviour.