Retina screens will soon become the new standard for resolution but not all users need to be served a giant image. The giant image looks crisp on a retina screen but it also creates bloated page load. In the talk we will dive into how to support responsive images without using a heavy WordPress plugin. We will go step by step, breaking down how the picture element works, browser support fallbacks, native wordpress image resizing and serving the correct image based on viewports and pixel density. We will finish up with the future of serving images based on new media queries.
Takeaways
- Setting up WordPress to resizes your images can be done natively with little to no coding.
- Responsive images are more performant and already supported in modern browsers.
- How to use the picture element in your WordPress theme.