Internet usage statistics in Singapore indicate that 65 per cent of mobile users search the internet for product information. The first thing that captures the interest of your users is the images you have on your site. Images often determine whether a potential customer will look at the product content you have provided.
While hi-resolution and crisp images will attract more traffic. These images come in huge files. Huge images can make it hard for users to navigate your site. This means that you could be losing customers as well. Your objective should be to find a way to optimise images without compromising on the quality, and here’s how.
Save Images Correctly
Generally, huge images will take more time to load. Image loading timeframe is important because most internet users expect web pages to load in less than 2 seconds. Any delays, and these people will shift to the next site. It is imperative therefore that you ensure that the images you use are the right size for your site to operate smoothly. One of the ways to ensure this is to save images in proper dimensions. When uploading images, you can open it using Photoshop so as to see how big it is. Viewing helps you adjust the size before uploading it.
Use Web Functions to Save Images
One of the ways to ensure that you do not mess with the quality of images is to save the images using the “save for web” option. To do this, open the image you want to save using Photoshop, proceed to ‘File’, click on ‘Export’ and then Save for Web. At this point you should also choose the ‘Export’ quality of your liking. If you select 60, the file size will reduce to a size below a megabyte and this is ideal because the quality is not affected.
Compressing images is another fast way to reduce the size. Compressing images helps to de-clutter the photo. Hidden data, metadata and unnecessary colour profiles are removed.
Consider Replacing or Eliminating Images
When using images to optimise your site, you need to ask yourself what you want to achieve and if images are the best way to do that. This is not meant to underscore the importance of using images. However, is some cases, a simple design can help you achieve more than what an image can do. When you have to use images, you can also remove unnecessary image resources. You can also make use of web fonts as opposed to encoding texts on the images. The strategy is to find a balance and eliminate what you do not need.
Choose Image File Type Options Carefully
File type options will have an impact on the quality and size of your images. In most cases, you have to choose between PNG, GIF and JPG. Each of these options come with their strengths and weaknesses. JPG is mostly ideal for photographs or busy images that contain complex pattern, a variety of colours, gradients and shadows. PNG is more limited on colour pallets, it is therefore not suitable for complex photographs and images. GIF is slowly using popularity mainly because of its limited colour options. It can be used when you have simple photographs.
As evidenced, image optimisation is both an art and a science. There is no formula or definitive answer on how to optimise images. The strategy is to get what works for you based on your needs and what you wish to communicate. The strategy is to play around with different settings and find an ideal. The above will act as a guideline.