So I have noticed when people are using smileys that some look unusually fuzzy, so I had a look at the code and to my surprise they are linked to an external source, how come, are they using mobile phone and have selected the smileys Android or iOS have preinstalled or somehow pick an external link?
Here's one smiley example and there are a few more just couple a posts above from the same thread I was linking this quote from.
That smiley in the quote is linked to: https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f923.png
It appears to be so that externally linked smiley is 64x64 pixels and gets scaled down on this forum and in the process becomes fuzzy looking.
And here's the same smiley, 22x22 px, which I picked from the smiley collection held on this forum.
🤣
Here's one smiley example and there are a few more just couple a posts above from the same thread I was linking this quote from.
That smiley in the quote is linked to: https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f923.png
It appears to be so that externally linked smiley is 64x64 pixels and gets scaled down on this forum and in the process becomes fuzzy looking.
And here's the same smiley, 22x22 px, which I picked from the smiley collection held on this forum.
🤣
Last edited:
FWIW: that one (in other thread) does not look fuzzy to me. So it may also depend on device, O/S, and browser (PC, Win7, Firefox here).
Ok, I just made some tests and there are some differences how Brave (Chromium) and Firefox browser handles internal VS external smileys, the following snapshots shows the differences, I also did a quick test posting on both Brave and Firefox browsers before quickly revoking the posts to verify the preview corresponds to the preview version, and yes it did so I didn't take any further snapshots.
And this is on Linux PC.
...
...
...
With that said it seems to be a browser issue, but the question remains, what kind of device picks external smiley sources when this forum have it's own ample set of smileys, maybe some kind kind of mobile device or tablet, maybe I will look into that another day although I am rarely using a mobile phone for internet surfing.
And this is on Linux PC.
...
With that said it seems to be a browser issue, but the question remains, what kind of device picks external smiley sources when this forum have it's own ample set of smileys, maybe some kind kind of mobile device or tablet, maybe I will look into that another day although I am rarely using a mobile phone for internet surfing.
Yes, here's the original size 64 X 64 pixels of the externally sourced smiley, compared to the 22 X 22 pixels for same smiley provided by this forum.
Below is the same smiley picture as above, but now manually resized down to 22 X 22 pixels using the editing option the post composer window on this forum provides with, not sure how this one looks on different browsers, testing..
edit: Firefox still handles down-scaled pictures much better than Brave where on it looks very fuzzy, as in the attached snapshot above, see the smiley next to the text "External source" and in the picture attached at 1st column, 2nd row.
Below is the same smiley picture as above, but now manually resized down to 22 X 22 pixels using the editing option the post composer window on this forum provides with, not sure how this one looks on different browsers, testing..
edit: Firefox still handles down-scaled pictures much better than Brave where on it looks very fuzzy, as in the attached snapshot above, see the smiley next to the text "External source" and in the picture attached at 1st column, 2nd row.
Last edited:
Changing the forum setting under your username, pertaining to the preset font size themes (also?) zooms these smileys. It's like the avatars here I guess and the profile pictures and thread headers, they are intended to have a "universal" characteristic.
Unlike the old forum where I could get into detail on my 80x80 avatar.. here I (and planet10) had to reverse engineer the process to ensure it wouldn't blur them for us.
Unlike the old forum where I could get into detail on my 80x80 avatar.. here I (and planet10) had to reverse engineer the process to ensure it wouldn't blur them for us.
Just tried changing the font size from normal to extra large, internal smiley is always 22x22 px.
For normal font size the externally sourced smiley on Brave browser is 20.53x20.53 px (Firefox says 20.5333x20.5334 px), and with extra large font setting changed the external smiley to 26.39x26.39 px (Firefox says 26.4x26.4 px).
My avatar is unchanged 54x54 px independently of font size setting.
btw the internal smielies are mapped on a large picture sheet which are 44 pixels in size and then scaled down evenly 2:1, the whole smiley sheet is 44x1540 pixels, which is stored here (there are more smilies including the imported ones from the old forum too stored elsewhere).
https://www.diyaudio.com/community/styles/default/xenforo/smilies/emojione/sprite_sheet_emojione.png
Externally linked smileys is a bit beyond XenForo's control and left over to the browser how to handle it which as proven renders differently depending on which browser one is using.
Just for clarity, here is the fuzzy smiley pointed out to show how it looks like on Brave browser, which doesn't look particularly good, but not a big deal, I am just curious what kind of device and/or OS initiate the use of other than XenForos's (this forum's) own smilies.
And just one more thing bear in mind, there's always a risk of link rot if the externally hosted smilies disappears, the consensus nowadays on this forum is to refrain from linking to externally hosted images.
For normal font size the externally sourced smiley on Brave browser is 20.53x20.53 px (Firefox says 20.5333x20.5334 px), and with extra large font setting changed the external smiley to 26.39x26.39 px (Firefox says 26.4x26.4 px).
My avatar is unchanged 54x54 px independently of font size setting.
btw the internal smielies are mapped on a large picture sheet which are 44 pixels in size and then scaled down evenly 2:1, the whole smiley sheet is 44x1540 pixels, which is stored here (there are more smilies including the imported ones from the old forum too stored elsewhere).
https://www.diyaudio.com/community/styles/default/xenforo/smilies/emojione/sprite_sheet_emojione.png
Externally linked smileys is a bit beyond XenForo's control and left over to the browser how to handle it which as proven renders differently depending on which browser one is using.
Just for clarity, here is the fuzzy smiley pointed out to show how it looks like on Brave browser, which doesn't look particularly good, but not a big deal, I am just curious what kind of device and/or OS initiate the use of other than XenForos's (this forum's) own smilies.
And just one more thing bear in mind, there's always a risk of link rot if the externally hosted smilies disappears, the consensus nowadays on this forum is to refrain from linking to externally hosted images.
Last edited:
Thanks, I have 48x48. That's disappointing to discover we can't get around the hand-holding. There needs to be a setting 'leave at the original resolution'.
"What kind of device"? I would say any device when own smiley is picked instead of forum smiley. That's what I did. Is there any reasonable logic behind the expectation, that the mobile phone smileys are linked/identified to the forum smileys? I doubt so. I wonder why you wonder. To stupid me, it is natural, obbvious.
The browser approach, that weirds out me also...
The browser approach, that weirds out me also...
Allen we have both same avatar size, I initially looked only at the tooltip hovering over the avatar showing 54x54, but looking further inside the HTML stuff it shows up also 48x48, anyways the avatar size doesn't change with font size changes.
My browser sees a 48 px image but a screenshot shows it is 54. I edit mine at 192x192 (4 times 48), but maybe this is on multiple levels?
What Dave and I noticed is that unless you edit around 48 px, transparent pixels are altered and become visible. Here's a screenshot of a member who was in on the conversation and if I'm not mistaken tried using a completely transparent avatar.
What Dave and I noticed is that unless you edit around 48 px, transparent pixels are altered and become visible. Here's a screenshot of a member who was in on the conversation and if I'm not mistaken tried using a completely transparent avatar.