The demands of the adjustable-sized WebPages and the need to develop Responsive Layout have given rise to various techniques for the adjustment of the image size.
The Cascading Style Sheet, or CSS, is the set of techniques that helps deciding the appearance of the layout. It can also be used to make the layout responsive to the zoom level in order to adjust the display. This can easily be done by making use of the max-width property to the images being optimized. Just set the max width of the image 100%. This will display the whole image by adjusting the scale as per the screen size. Hence, even when the screen size is doubled, the image will occupy the prefixed place with 100% appearance.