Adam Smith: Responsive Images Without a Plugin

Continue the discussion

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

WordPress.com Logo

You are commenting using your WordPress.com 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

Published

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:

Event

WordCamp Asheville 2015 35

Speakers

Adam Smith 2

Tags

Responsive Images 12

Language

English 8313

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