refugerestrooms icon indicating copy to clipboard operation
refugerestrooms copied to clipboard

Image assets are not "Retina-ready" for high-resolution mobile devices

Open f3ndot opened this issue 10 years ago • 6 comments

Some assets such as /app/assets/images/UnisexBathroom.png and /app/assets/images/ADABathroom.png display slightly blurry on high-resolution devices like the Nexus 5.

screenshot_2014-03-14-14-30-06

f3ndot avatar Mar 14 '14 18:03 f3ndot

This is true. We are eventually hoping to replace those assets with .svg files like all others are made of, however, that hasn't been on my priority list. I will see if "I can create some new ones tonight. I'm pretty sure all the icons other than those two are svgs, so I'm not sure what's causing that pixelation issue for the toilet icons and the main logo.

nataliegroman avatar Mar 14 '14 18:03 nataliegroman

I'm happy to take a look myself. I'll be poking around the app later tonight.

f3ndot avatar Mar 14 '14 18:03 f3ndot

Only a few people actually have access to the vector elements. I designed and originated them, so I think it would be better for me to make something consistent with my style guide.

nataliegroman avatar Mar 14 '14 18:03 nataliegroman

No problem.

The toilet and logo graphics are .png assets, not .svg which is probably the cause. Probably because they have that slight drop shadow, they remained as images?

f3ndot avatar Mar 15 '14 00:03 f3ndot

Whilst waiting for new vector elements, as a stop-gap would it be worth just re-saving them as double-size PNGs and using CSS to load their actual size?

AndrewTheLott avatar Jan 12 '15 14:01 AndrewTheLott

Well, as it stands, there are only two assets that I know of so far that are not vector elements. It is always open for others to contribute.

nataliegroman avatar Jan 12 '15 17:01 nataliegroman