blob: c229dd8957909219646767b785212fd8ce4085f0 [file] [log] [blame]
<html>
<head>
<title>responsive_images example</title>
</head>
<body>
<p>An 1023x766 image displayed in a 256x192 thumbnail. PageSpeed
will resize it and also serve with a srcset for other sizes.</p>
<img src="images/Puzzle.jpg" width="256" height="192"/><br/>
<p>An 1023x766 image displayed at full size. PageSpeed may recompress it,
but will not add a srcset.</p>
<img src="images/Puzzle.jpg" width="1023" height="766"/><br/>
<p>An 1023x766 image displayed at 682x511 (2/3 scale). PageSpeed will
resize it and also serve a 1.5x version in srcset (but not 2x since
that would be redundant).</p>
<img src="images/Puzzle.jpg" width="682" height="511"/><br/>
<p>A small image. PageSpeed will inline it and not set a srcset.</p>
<img src="images/Cuppa.png" width="10" height="10"/><br/>
<p>A medium size image with no listed width nor height. PageSpeed
will losslessly re-encode it, but not resize it nor add a srcset
for other sizes.</p>
<img src="images/BikeCrashIcn.png"/><br/>
<p>An image with data-pagespeed-no-transform. PageSpeed will not
transform this file.</p>
<img src="images/disclosure_open_plus.png" width="11" height="13"
data-pagespeed-no-transform/><br/>
</body>
</html>