More on avatar smooshing.
Forum header at 100% zoom. Avatar is smooshed
At 125% zoom - this is enough to hide the side bars on this machine (Mac with Chrome Version 72.0.3626.119 (Official Build) (64-bit)).
No smooshing
100% zoom but with width toggled to hide the side bars
I.e. it seems like hiding the side bars by zooming produces a non smooshed avatar. Or perhaps tablet mode doesn't smoosh avatars but desktop mode does.
Actually zoomed mode is pretty neat. It's quick to get to, Ctrl/Command++, hides the sidebars and generally declutters the UI, and it seems to be sticky so you don't need to keep doing it.
Are you using an old URL to access that page? Try
this link.
If I look at that I see this
It looks like it's getting the coordinates wrong for the sprite sheet with the reaction icons in it.
This is on a Mac with Chrome Version 72.0.3626.119 (Official Build) (64-bit), zoom at 125%.
Though if I zoom back to 100% I still see corruption. So it's not because I'm a Zoomer.
Inspect element on the corrupt icon here
shows
I think this means the offset into the spritesheet is 21px
Now look at the spritesheet
I'm pretty sure those are 16px high, not 21px, which is why the sprite sheet pickin' calculation is wrong.
Looking at the CSS it looks like there's some confusion - there should be a 'Medium' sprite sheet with 21px icons and a (presumably) Small sprite sheet with 16px icons. I think the sprite sheet pickin' calculation is set for 21px but the actual sprite sheet is 16px.
If we all used assembly to build 640 x 480 x 16 colour images like God told Terry Davis rather than trying to support heathen alternative resolutions and bit depths, this sort of thing would not happen.
Honestly though, this is a pretty minor bug.
Edit if I use ffmpeg to simulate extracting a 16x16px image from (0,21px) like this
ffmpeg -i spritesheet.png -vf "crop=16:16:0:21" agree.png
cribbed from
here - the numbers are w:h:x:y
I get this :
If I correct the coords like this
ffmpeg -i spritesheet.png -vf "crop=16:16:0:16" agree_fixed.png
I get