we HD now boys
High quality uploads are now supported on the following files:
• Theme logo • Game favicon • 1st place trophy • 2nd place trophy • 3rd place trophy • 4th place trophy • User picture • Custom user icon
If you reupload them, they'll look crisp on mobile / retina displays, like this:
Also, game cover images were being stored in HD since the beginning, so they're all looking sharper already!
Looks great, but do favicons actually work now? I brought it up a while ago that they weren't displaying and was under the impression that it was intentional to no longer show custom favicons anymore. Correct me if I'm wrong.
Maybe this post means that they're back but need to be reuploaded in HD. (Crossing my fingers.)
Yeah, a while back (maybe a year ago), I stopped making custom favicons show. They've been removed for user themes, but they still show for games in your Following list on your profile.
Awesome! But I don't get why this would be needed for the icons. I mean, I know it is, but why do some devices show images blurred when they shouldn't have to?
because of how some devs implement scaling. usually, for pictures of landscapes for example, it's better to use Bilinear, Bicubic or Lanczos, so there's no pixelation. While it works for those, it creates the "blur" for low res images / pixelart like icons are, for those they would have to implement point/nextNeighbor scaling. until they do, giving those devices high-res images to display instead of having them resize is the best solution atm.
I think what 607 doesn't understand is retina displays.
Mobiles and tablets have a really high resolution (some even 1080p), but not everything is displayed 1x size because then the text would be impossible to read on such a small screen, so everything gets upscaled (on most high-end mobiles, it can be upscaled 3x), including the images. And when images get upscaled, they get stretched, which causes the blurriness. To combat this, there are two techniques:
• Use SVG (Scalable Vector Graphics) images, which will automatically upscale themselves to suit whatever size they're displayed at. • Use high-quality images and display them at a lower resolution. For example, where a 16x16 icon needs to be displayed, use a 48x48 image instead and shrink it with CSS to 16x16, and when the icon gets stretched on a retina screen 3x (to 48x48), the 48x48 image will look sharp in its place.
I use the latter because they're a lot easier to make and a lot easier to manage.
the thing I was worried about seems to be the case, that odyssey logo really looks blurred on PC now :\