You may find that you come across images in your page where Google PageSpeed indicates that compression and optimization that Pegasaas Accelerator has performed are not enough. Google PageSpeed Insights may indicate that the image should be resized.
In these situations, if you can find the <img> tag within your website, you can explicitly define the width and height of the image.
For example, if you can find where the HTML is defined for an image:
<img src=”/some-folder/some-image.jpg” />
Try adding an explicit width and height to the image.
<img src=”/some-folder/some-image.jpg” width=”480″ height=”320″ />
When an explicit width and height is specified in the <img> tag, Pegasaas Accelerator will automatically resize the image appropriately.
Remember to size the image to no wider than the maximum width (and appropriate height to keep the aspect ratio) that the image will be displayed on a desktop browser. Provided that your responsive CSS is defined correctly, the image will resize down appropriately in smaller browser viewports.