Page: stackexchange.com/sites

Imagery is best:

freehand red circling of low-res icons

blurry, eh?

It may not look very obvious, but on my screen these are noticibly blurry compared to the rest of the page.

If it makes any difference, I'm using Chrome version 54.0.2840.71 (64-bit) on OS X El-Capitan version 10.11.6 (15G1108), Macbook Pro 2015 model.

  • The reason is the sprites on stackexchange.com is a .PNG image (which does not scale), while on other sites it is SVG, e.g. meta.stackexchange.com/content/Sites/stackexchangemeta/img/… for MSE. Oct 30, 2016 at 7:05
  • This can also be reproduced by zooming, e.g. at 300% this is what I see: i.stack.imgur.com/jQlV4.png Oct 30, 2016 at 7:09
  • @Sha but other PNG sprites are conditionally served larger and scaled (for high pixel density screens). Not at a computer to check which, but HNQ sidebar favicons definitely are for example. There's no reason these shouldn't be too
    – Cai
    Oct 30, 2016 at 10:07
  • @Cai that's the site logos sprite, which got two versions and it's using some CSS/JS "magic" to serve the proper version according to screen size or resolution. Probably same can be done with the "main" sprites, but since it's already SVG for all sites, guess making it SVG for stackexchange.com would be the easiest way for them. Oct 30, 2016 at 11:18


You must log in to answer this question.

Browse other questions tagged .