16

From my question on Stack Overflow Main:

How to create a "just show me all the data" Tableau report that displays all columns of all records

The image is being specified as:

 [1]: https://i.sstatic.net/UaRjX.png?s=320

Smaller sizes are coming up blank: e.g.

What are the characteristics of an image that allow resizing to occur successfully?

7
  • 3
    Related, but not addressing the problem: meta.stackexchange.com/questions/189635/…
    – Stephen Rauch Mod
    Commented Mar 21, 2019 at 4:35
  • 6
    Because imgur’s image resizing is broken and has been for a while :-/
    – Martijn Pieters Mod
    Commented Mar 21, 2019 at 8:38
  • The esteemed Martijn Pieters. Care to make an answer? Commented Mar 21, 2019 at 8:43
  • 1
    Related: How come profile images have anti-aliasing?. Imgur’s scaling is just strange. Commented Mar 21, 2019 at 9:41
  • Related: How to reduce image size on Stack Overflow While this could be considered a duplicate, as it does cover why ?s=320 normally won't work, it does not address that imgur's resizing is, as Martijn Pieters mentioned, largely "broken and has been for a while".
    – Makyen Mod
    Commented Mar 21, 2019 at 17:02
  • Imgur is just broken. Maybe next month it will anti-alias small images but not big ones.
    – user10976548
    Commented Mar 21, 2019 at 17:09
  • @MartijnPietersCare to make an answer explaining how its broken? An existing answer here suggests that the algorithm just works, just that we all have been misunderstanding how the system worked
    – Ferrybig
    Commented Mar 22, 2019 at 20:47

1 Answer 1

11

The image is not coming up blank. What is actually happening here is imgur is resizing it with a 1:1 ratio, and the middle portion is empty.

The area selected by imgur is highlighted below:

Using s=320 is actually having no effect - the image is still at a resolution of 404x1210.

Whenever imgur recognises a size (such as 64, 128, 256, etc) it resizes the image to 64x64, 128x128 or 256x256.

As an aside, I find the best way to resize images on SO is to use the HTML tag. I know this doesn't resize the actual image, but it stops it from dominating the post.

<img src="https://i.sstatic.net/V67Uf.png" width="200">
5
  • for the html approach: if it does not resize will it just truncate/crop? Commented Mar 21, 2019 at 19:13
  • 1
    The html approach scales it down - no cropping involved. It's done client side, by the browser. The actual image resolution stays the same.
    – CalvT
    Commented Mar 21, 2019 at 19:22
  • OK - what did you mean by this " I know this doesn't resize the actual image .." Commented Mar 21, 2019 at 19:42
  • 1
    @javadba because it doesn't resize the image. The resolution/amount of pixels stays the same. But when the browser renders the image it renders it at the size specified in width="x", instead of the size specified by the resolution.
    – CalvT
    Commented Mar 21, 2019 at 19:48
  • 1
    @javadba If you load a 4k image, resize to 200 pixels, you will still load this huge 4k image file but the render will only be 200 pixels. That's why, if you want to optimize in general, it's a good pratice to have images in multiples format and load only the resolution needed. Commented Mar 22, 2019 at 20:39

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .