Connect with us


Optimizing Images for Web: The Photographer’s Guide to Optimizing Web Images



Optimizing Images for Web: The Photographer's Guide to Optimizing Web Images

Daily, millions of images are uploaded on the internet on an hourly basis, images are uploaded as pictures in social media web sites, pictures in various blogs, and several images are uploaded on several websites. Pictures are known to speak a thousand words; they add visual stimulation to your web page and help the reader relate to the text. Images play a vital role in e-commerce. However, images are heavy and space consuming. They often occupy large storage space on your server. Excess of images and heavy files not only mean more storage space on your server but also could reduce the traffic flow as it would take a longer time for the webpage to open. Hence image optimization is the key solution to maintain a balance between images uploaded and the size of the images.

What is Image Optimization?

Image optimization essentially means finding the right balance between the quality and the size of the image. Lesser size could also result in blurring of the image, and the best quality may result in a heavier web page. The aim of optimization is multifold; however, the primary aim is to keep the image size optimum for faster upload and download, keeping the desired image quality. Secondary aims may follow like easier for the search engines to identify your image, placing your image higher on the SEO, etc. Though this may seem simple, it is easier said than done. Let’s take some tips from an experienced photographer like Ahmadabad based Dhaval Patel Photography and try to compile some simple steps needed to achieve the above-said aim.

How to Optimize Images for the Web:   

  1. Selecting the Right Image

Selecting an image is the first key step. You have multiple options to choose from. There are some good websites where you can choose an image. You can also choose an image from stock. Images can be uploaded in the form of graphic representation, and finally, you can even click your photographs/images.

  1. Saving Images Properly

Ok, now that you have decided on to an image and finalized it as per your requirement. The next step is saving the image. The image can be saved in various formats. Some of the formats for uploading an image are JPEG/JPG, PNG, and GIF. JPEG/JPG is the most popular format because of its editing tools and saving range from low quality to high quality. In case you need to insert a small animation, GIF could be used, and for heavier graphics, PNG is the go-to option.

Once you have decided on the saving format, next is the optimization of the size, and by size, we mean the space the image requires and not the dimension. You need to save the image in as low size as possible without compromising on the quality of the picture. The dimension is also and can be checked by opening the image in Photoshop or similar apps for a 100% view of the image.

Compressing the image for the web upload is the next key process. There are various apps like tinyJPG, TinyPNG, Imageoptimum, Kraken, etc. these tools remove hidden data and compress your image in terms of size and do not compromise on the quality.

  1. Resize Images to Optimize Page Speed and Appearance

As discussed earlier, the heavier the file size, the more time it may take to upload and in turn reduce the traffic on your web page. To less a size will mean the compromise in the quality of the image. Key ingredients optimizing the size of the image are;

  • Optimal File Size

Image size should particularly be in the rage of 100s of KBs, larger file size means either the resolution of your image is very high or its dimensions are in access. File size, in general, should not increase beyond 10MB and in no case, exceed 15MB.

  • Image Size

The dimensions of the image in terms of the web are measured in the form of pixels. Make sure you have the optimum size. This can be checked in Photoshop and similar apps. Traditionally for blogging purpose, the size should not be more than 795 X 300 pixels

  • Resolution for Web Images

DPI or dots per inch is the measure of the resolution of the image. This resolution is more applicable to printers. A professional printer may require DPI higher than 300. PPI or pixel per inch is the resolution of your monitor screen, and this is a fixed unit of your device. Hence keep unnecessarily high resolution may not be very useful. Most computer screens display images with a resolution of 72 dpi or 92 dpi, anything higher will increase your file size.

  1. Naming Your Images

The final step in the optimization of your image for uploading on to the internet is naming the image. Choosing a proper name is an essential factor because it not only adds to the uniqueness of your image but choosing a name correctly will increase your overall SEO. While naming your image, use must be made of lower cases than upper cases, also try to include numbers.

Dhaval has two passions: Travel and photography. Lucky for him they go hand in hand. At you can experience how nature and photography got him inclined to inspire and encourage others and follow the identical path. Through his meticulous experience, he will coach you on various hacks to photograph Nature. Brace yourself for the world of photography!