Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

art directing responsive images #37

Open
caseyg opened this issue Oct 8, 2014 · 2 comments
Open

art directing responsive images #37

caseyg opened this issue Oct 8, 2014 · 2 comments

Comments

@caseyg
Copy link
Member

caseyg commented Oct 8, 2014

Right now we are loading the same 2000px images for everything on every browser but we can:

  • speed up mobile loads and
  • improve the art direction

if we think about the best instantiation of each image at different sizes/ratios

  • On a large screen, a large image with plenty of details can be shown (e.g., an object with a broad background).
  • On a smaller screen, shrinking the same image can reduce its relevance, usefulness, and legibility. Thus, by "art directing", a web developer can better control communication by explicitly dictating which image should be shown at which size (or when some environmental condition is met).

http://usecases.responsiveimages.org/#art-direction

@troykreiner let me know if you have direction about this. In particular the front page cover image could, I think, stand to be re-composited for large and small screens in vertical and/or horizontal orientations

e.g.

beautiful detail/composition/texture as seen on 30" display:

screen shot 2014-10-08 at 12 46 57 pm

is totally lost when shrunk without being recomposited for a smaller aspect ratio:

screen shot 2014-10-08 at 12 46 46 pm

@caseyg
Copy link
Member Author

caseyg commented Oct 8, 2014

just throwing this out as another option. for sure we should do it on the cover, but it's open to any other image as well. would probably also be smart to recomposite this for smaller screens

@troykreiner
Copy link

Great point, I am willing to make a new image or arrangement but i think it would be total okay for smaller screens, keep the same size but just crop it. I trust you to pick an interesting cropping, I can make a specific cropping but, the texture is really nice on screen so even if its small it should be "Same size" just cropped or at least made slightly smaller... does that make sense?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants