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:
- Click the image upload button
- Select your image
- Wait for it to upload to imgur
- Scroll to the bottom of your post where the footnote link has been placed
- Copy out the url to the image (or cut) and delete the remaining footnote reference text
- Find the footnote ref in your body, and replace it with
<img src="url" width="arbitrary width">
- 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.
- 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) - 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)
- Add some intelligent auto-scaling to images that are narrow and tall
- Add a scale property to the screenshot markdown, e.g.
![1][screenshot][0.5]
or some such. - 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.