Top Image Optimization Hacks
Hack #1: Know About File Types
First aspect you will have to look into while optimizing images will be to know the different types of images that you can use on your site. An image file can be GIF, JPEG, or PNG, so which one will be right for your website?
The aim should be to use an image type which will assist in reducing loading time. Let us look at each of the file types and pros and cons.
- JPEG: File size of JPEG images can be adjusted and with that the quality will also improve or go down. If the image has good number of colors then this file type will be right for you.
- GIFs: These comprise of small videos that allow only 256 colors and suitable for animations and small images such as icons or thumbnails but not for images that consist of thousands of colors.
- PNG: You can have a file larger in size compared to JPEG while maintaining better quality. Moreover, there are two different file types for you to choose from depending upon your requirement, PNG 8 and PNG 24. PNG 8 allows only 256 colors while PNG 24 lets you use millions of colors.
Thus, if you want to use robust and colorful images, then use JPEG, for simple images use PNG, and if something is to be animated then GI
Hack #2: Use Image of Right File Size
image size and image file size are two different things. For instance, 1068×1068 refers to size of an image. On the other hand, file size refers to space required on the server to store the image.
if the image is of larger size then it would take more time to load. Images of larger file size can negatively affect performance of your site since each time the site loads, the image is to be downloaded from the server.
Thus, the lower the file size, the faster the website will load and visitors on the site will have better user experience.
Hack #3: Optimize Thumbnails
Thumbnails are commonly found in the form of upsells or additional products that are shown to customers after they make an initial purchase. You will lose a chance to upsell if the image does not load itself.
As such, you need to make sure that the image used for upsell is of 70KB or lesser file size and these images should be of GIF or JPEG format. In addition, the thumbnails should have proper file name and ALT tag so that there search engine visibility increases.