Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Brian Jones
Brian Jones
10,892 Points
Posted by Brian Jones
Brian Jones
10,892 Points

Responsive Images - Best Practices

I'm interested using what I consider "truly responsive" image structure like <picture> ,srcset. But it appears the browsers aren't supportive yet.

2 Questions:

1) What are current best practices?

2) In the meantime, what are the downsides to using css @media queries and background imgs?

2 Answers

Dustin Matlock
Dustin Matlock
33,856 Points

Hey Brian, you might check the Treehouse Blog, They did a recent show on this subject.

Brian Jones
Brian Jones
10,892 Points
Brian Jones
Brian Jones
10,892 Points

Thanks Dustin.

I've watched several tuts and tv shows here, as well as other places, but it seems to be a quickly evolving problem with lots of differing solutions. I'm just curious as to most up-to-date best practices.

Dustin Matlock
Dustin Matlock
33,856 Points

Brian Jones, I'm not sure if you've come across this one, but here's a recent article on responsive images.

Dustin Matlock
Dustin Matlock
33,856 Points
Dustin Matlock
Dustin Matlock
33,856 Points

Brian, I'm guessing you saw the Opera link at the end of the Treehouse blog post? Also, here's some other resources. I'm sure nothing is perfect at this point, and I think the main issue is browser support.