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

Images for Retina displays #1274

Closed
zoepage opened this issue Jan 9, 2017 · 11 comments
Closed

Images for Retina displays #1274

zoepage opened this issue Jan 9, 2017 · 11 comments

Comments

@zoepage
Copy link
Member

zoepage commented Jan 9, 2017

Images are too low-res for retina displays on the website, e.g. https://webcompat.com/contributors.
Either we need to add srcset or fix it in a different way (more sustainable).

Any thoughts?

@karlcow
Copy link
Member

karlcow commented Jan 9, 2017

thanks @zoepage. Ah. And I found #428
What do you see on retina screens?

/me proposes to age the world population so blurry images are not an issue anymore ;)

@miketaylr
Copy link
Member

Yeah, they are pretty blurry on retina (probably need to click on the image to see it in all its blurriness).

screen shot 2017-01-10 at 10 51 30 am

I know Mesha is planning on working on a contributors page revamp as part of her Outreachy project, possibly a good opportunity to fix this up as well.

@zoepage
Copy link
Member Author

zoepage commented Jan 10, 2017

Thanks @miketaylr for the additional information. :)

Yes, I'll have planed a meeting soon with her. So we can go over a few things.

@zoepage
Copy link
Member Author

zoepage commented Jan 25, 2017

Just cross-linking so it doesn't get lost. #1285

@magsout
Copy link
Member

magsout commented Jan 25, 2017

The resolution must be doubled.

@zoepage
Copy link
Member Author

zoepage commented Jan 25, 2017

@magsout we need a process to make sure every picture that gets added at some point is added in different resolutions. any ideas?

@magsout
Copy link
Member

magsout commented Jan 25, 2017

@zoepage

every picture that gets added at some point is added in different resolutions. any ideas?

What do you mean ?

@zoepage
Copy link
Member Author

zoepage commented Jan 25, 2017

@magsout right now the images are just there in one resolution, right?
we'll change that at some point. i'd love to have a process or something, so when we add more pictures to content we don't forget to add more resolutions (well, at least 2)...

@magsout
Copy link
Member

magsout commented Jan 25, 2017

@zoepage something like that https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images ?

But I don't know if it's necessary, Basically we can double the size of images, If the weight of the image is ok, we can leave the images without adding additional format / resolution.

@zoepage zoepage added this to the Community Sprint milestone Nov 3, 2017
@zoepage zoepage removed this from the Community Sprint milestone Dec 12, 2017
@Haroenv
Copy link

Haroenv commented May 25, 2018

Looks like this is no longer an issue? I at least can't see any bitmap images anymore other than the pictures which are in high enough resolution I think

@zoepage
Copy link
Member Author

zoepage commented Jun 20, 2018

i'll close this issue. we can re-open, if it pops up again.

@zoepage zoepage closed this as completed Jun 20, 2018
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

5 participants