For users with the new MacBook Pro with retina display, or the latest iOS devices (or even other platforms with high-DPI screens), screenshots have their dimensions doubled. For example, if I take a screenshot of a window, this is what I get:
As you can see, when the image is displayed normally, it's too big.
The best way to display these is to use
<img src="[url]" width="[half of image width]">
Which produces this:
On a retina display, this is rendered at native resolution; on a non-retina display, it's appropriately downscaled so that it remains the correct size.
Can we get a checkbox on the image upload dialog that does the hard work for us? This would make answering questions a lot easier without having to manually check the image width, divide by 2, and type in the HTML.
Something like this:
Or perhaps this, which would not divide by 2, but simply produce something of the form
<img src="..." width="...">: