patrickleet / landr

2 stars 0 forks source link

image backgrounds #20

Open patrickleet opened 11 years ago

patrickleet commented 11 years ago

This will be one of the hardest features to get perfected.

We can start with basic responsive images but should eventually support adaptive images (don't download a picture bigger than needed for maximum performance)

The clown car technique looks the most promising. https://github.com/estelle/clowncar

This will require the user to be able to choose the "art direction" and multiple sizes. Most users won't know what that means, so I like somehow combining with the "Focal Point" technique here. http://designshack.net/articles/css/focal-point-intelligent-cropping-of-responsive-images/

This could in theory allow us to smartly crop an image based on size and focal point, and then serve it using the clown car technique.