By Josh Lewis on Wednesday, 17 September 2014
Posted in General Issues
Likes 0
Views 1K
Votes 0
When sharing a link, tiny images stretch as seen here:



According to FireFox the image size is: 8px × 11px (scaled to 94px × 129px). To fix this we have a few options:

  • Remove images Below a Certain Size

  • Allow for image sizes to be respected when below the max-width (via the following selector: body div#fd.es .es-story-link-images img.es-story-link-image)

  • Having a Sharing Link option that allows admins to decide if tiny images should be removed

In case your wanting to re-create this scenario, I used the second image on the following link:
http://www.summitpost.org/winter-ambition-whitehorse-in-a-day/892667
Hello Josh,

We have tried this but too many users have issues with the checking of image dimensions remotely. It's too slow for some crappy hosting company The only way that we are going to be able to check on this, is to check the width / height of the image remotely. We can't be downloading all images locally and check them.
·
Wednesday, 17 September 2014 01:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for considering this. Fair enough, perhaps then we can work on the image stretch factor. The image is assigned a width of 96px via the width property. Why not remove the width and keep the max-width? The image will then only get smaller if it's bigger than 96px and will not get bigger in any scenario.
·
Wednesday, 17 September 2014 01:33
·
0 Likes
·
0 Votes
·
0 Comments
·
But displaying 1x1 image wouldn't make it look nice either
·
Wednesday, 17 September 2014 16:28
·
0 Likes
·
0 Votes
·
0 Comments
·
I understand a 1px by 1px photo for css objects, but who wraps them in image tags? I super tiny image may not look good, but a super pixelated photo looks even worse. At least one is an honest preview of what it looks like.
·
Thursday, 18 September 2014 00:00
·
0 Likes
·
0 Votes
·
0 Comments
·
You would be surprised to see a lot of websites are still pretty old school where their spacers / paddings are still using 1x1 pixel images. Even Facebook does that too
·
Saturday, 20 September 2014 02:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Facebook does this!? Shameful. A 1px icon is similar to a black blank picture.
·
Saturday, 20 September 2014 03:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Josh,

Yes, 1x1 images are normally used to fix issues with older versions of Internet Explorer and yeah, it's a lame fix but it kinda solves lots of issues with IE browsers.
·
Saturday, 20 September 2014 22:36
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post