| <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> |