refugerestrooms
refugerestrooms copied to clipboard
Image assets are not "Retina-ready" for high-resolution mobile devices
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.
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.
I'm happy to take a look myself. I'll be poking around the app later tonight.
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.
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?
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?
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.