Introduction:
The big Images on the screens always looks great, but on your web page/ websites the big images slow down the page load time and saturate network traffic. The only solution to overcome this issue is to lower the image size. In this blog you will learn about how to compress the image using Image optimizer extension for Visual Studio.
Image optimizer Extension:
It is a one of the image optimization extension for visual studio, it has a capability to compress the any JPEG, PNG and Gifs. It can perform both lossy and lossless compression.
Install Image optimizer:
Open Visual studio. Go to Extensions -> Manage Extensions.
In Manage Extensions window search for “Image Optimizer Extension” under Online- > Visual Studio Marketplace and install it.
After the installation, close and reopen the visual studio.
Lossless compression:
Open your project solution in visual studio, right click on any image file and click on image optimizer-> “Optimize for best quality” from the context menu, now the image will be compressed using lossless compression algorithm without any loss in the image quality.
In the status bar you can notice, how much percentage the image has been compressed.
From the lossless compression only 8.9% image size have been reduced without compromising the quality.
Lossy compression:
Right click on any image file and click on image optimizer-> “Optimize for best compression” from the context menu, now the image will be compressed using lossless compression algorithm without any loss in the image quality.
In the status bar you can notice, how much percentage the image has been compressed.
From the lossy compression 81.5% image size have been reduced just by compromising the image quality.
The above image gives you the difference between the original image and compressed image. In spite of a loss in image quality there won’t any major difference in the image.
Batch Compression:
Select multiple image files and do right click, select image on image optimizer-> “Optimize for best compression/ Optimize for best quality” from the context menu by this way you can perform a batch image compression.
Summary:
The Image optimizer extension for Visual studio is an effective tool used to perform both lossy and lossless image compression, it has a capability to compress JPEG, PNG Images, Gifs and even an animated Gifs.
