9

Have a look at UIView w/UITextView that moves with UIScrollView's dismiss interactive

If you spend any time working in the iOS tag, and probably the Android tag too, almost every post with device screenshots end up unmanageably large. This is thanks to modern devices having at least 2x, sometimes >3x screen pixel ratio.

According to the Help docs, the solution to this is to upload your image, then painstakingly copy/paste the imgur url into an <img> tag. Here's the full step-by-step process:

  1. Click the image upload button
  2. Select your image
  3. Wait for it to upload to imgur
  4. Scroll to the bottom of your post where the footnote link has been placed
  5. Copy out the url to the image (or cut) and delete the remaining footnote reference text
  6. Find the footnote ref in your body, and replace it with <img src="url" width="arbitrary width">
  7. Play around with the arbitrary width until the screenshot looks manageable.

OK, deep breath. Don't get me wrong - this works. And we're all developers (right?) so we should be able to do this pretty easily.

But the truth is, this is awful to do.

It's slow, cumbersome, leaves a lot of room for error, and even then, you still have to know that this is possible - which for new users (and even some old hats!) is pretty obscure. I've ended up losing images when I accidentally copied or cut the wrong thing and undo doesn't always work reliably.

So what can we do? The design team has been working on this since 2014, but that was a long time ago - maybe they need our help?

Seems to me there are several options, each involving a varying degree of complexity.

  1. Add some informative text when uploading images that helps raise awareness about use of the <img> tag. (Easy, but surprise! Now everyone under the rep cap knows how to circumvent the rep cap)
  2. Add a scaling tool to the image uploader (either a slider or buttons that reduce the size to 1/2 or 1/3 original size)
  3. Add some intelligent auto-scaling to images that are narrow and tall
  4. Add a scale property to the screenshot markdown, e.g. ![1][screenshot][0.5] or some such.
  5. Draw attention to imgur's built in scaling API so that posters can know to use this feature when uploading. The one downside to using this feature, is that the images are reduced, and the quality is noticeably poorer.
16
  • 5
    We're programmers. We don't need no stinkin' UI. Oct 9, 2014 at 0:01
  • 4
    Hahha except, @RobertHarvey, we're programmers. We're inherently lazy and don't like repetitive tasks. Oct 9, 2014 at 0:08
  • @remus, any GUI encourages repetitive tasks versus writing a script and being done with it. Oct 9, 2014 at 0:14
  • @FrédéricHamidi except in this case you can't write a script that somehow magically knows when an image should be scaled ;) Oct 9, 2014 at 13:32
  • Folks can we look at this one again? Since there's no concept of bounty in meta, I don't know how else to draw attention to it. Nov 28, 2017 at 19:24
  • Related: How to reduce image size on Stack Overflow
    – Makyen Mod
    Nov 29, 2017 at 2:42
  • Exactly @makyen - at the very least this should be obvious when uploading an image. Nov 29, 2017 at 2:44
  • Hey @RobertHarvey maybe you can help? I'm trying to draw attention to this post - I think there's still merit in pursuing it. Dec 18, 2017 at 19:34
  • @brandonscript: Post a bounty. Dec 18, 2017 at 19:35
  • @RobertHarvey would love to... but don't know how to do that on meta? There's no bounty option for me. Dec 18, 2017 at 19:36
  • @brandonscript: Well, you edited the question, so it should be on the front page for awhile. Dec 18, 2017 at 19:44
  • Bounties are not possible on Meta.
    – user247702
    Dec 18, 2017 at 19:53
  • Ah, yeah, didn't think so. Dec 18, 2017 at 19:54
  • Bounties are possible on Meta SE. Just sayin'. @Stijn.
    – TRiG
    Apr 29, 2019 at 11:07
  • @TRiG yes but MSE is a special case.
    – user247702
    Apr 29, 2019 at 11:24

0

You must log in to answer this question.

Browse other questions tagged .