The images on the new staff page are blurry compared to images on other websites, including the old staff page.
This is due to the thumbnails only having a 1dppx thumbnail specified, whereas standard practice nowadays is to at least have a 2dppx size as well (preferably 1.5x, 2x, and 3x).
1dppx means 1 physical dot per logical pixel on the screen, and refers to how digital screens used to have a resolution of 96 dpi (retroactively called 1 dppx), but nowadays more finer resolutions are used with. Most mobile devices having resolutions between 200 and 600 dpi. To avoid showing (older) content with smaller images than expected, such images are stretched 2x or 3x to size by browsers to accomodate the number of pixels these screens have in the same physical space.
The standard practice for specifying higher resolution images on the web is by using the <img srcset> attribute to specify, in addition to the 1ddpx size in <img src>, also a 1.5x and 2x size variant.
CMSes like MediaWiki and WordPress has built-in mechanism for this, so this should be fairly straight-forward to accomodate.
Current (1 dppi) | Expected (2 dppi) |
---|---|