Responsive images demo: Extended srcset range

By request, this view shows the original responsive images example with an extended srcset range. Full srcset image width list breaks down as follows:

  • 300 pixels (default from WordPress)
  • 375 pixels (new in this example)
  • 768 pixels (default from WordPress)
  • 1024 pixels (default from WordPress)
  • 1125 pixels (new in this example)
  • 1920 pixels (new in this example)
  • 2304 pixels (new in this example)
  • 3380 pixels (new in this example)
  • 3840 pixels (new in this example)
  • 4032 pixels, uncompressed (original image file)

The rationale for these image sizes can be found in this GitHub issue discussing extended WordPress image sizes.

Image with no alignment

This image block has no alignment. Original image dimensions: 4048×2704.

Wide alignment image

This image block is set to “wide” alignment. Original image dimensions: 4048×2349.

Full alignment image

This image block is set to “full” alignment. Original image dimensions: 4032×2425.

Leave a comment

Your email address will not be published.