Adam Smith: Responsive Images Without a Plugin

Continue the discussion

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s


September 9, 2015

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 dive into how to support responsive images without using a heavy WordPress plugin. We 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 finish up with the future of serving images based on new media queries.

Presentation Slides »

Rate this:


WordCamp Asheville 2015 35


Adam Smith 2


Responsive Images 12


English 8884

MP4: Low, Med, High
OGG: Low
Subtitle this video →
%d bloggers like this: