user247: Uploading 1MB images or even 300KB images in a question or answer is often unnecessary/overkill and slows down page loads significantly especially when viewing on a mobile connection. Similarly, really large dimensions are often pointless due to real-estate restrictions. 
How can I keep file sizes down or adjust the dimensions of the images to reasonable and sensible numbers?

user247: If you don't have the wherewithal to optimise an image prior to upload, here are a few tips on doing so directly on AnimeSE:
After embedding an image to your post, you should see an imgur URL similar to http://i.stack.imgur.com/FOSov.png (just using this as an example). This should result in a large image (190KB, a relatively reasonable size, but even this can be optimised further):

But this image can now be optimised even further simply by tweaking the URL being used. For example tweaking the URL to http://i.stack.imgur.com/FOSovt.png (note that the filename now has an t (for small thumbnail) at the end) will result in an image of smaller size and dimension:

This file is only 3.5KB in size and also smaller in terms of dimensions.
If the dimensions are unsuitable add an m (for medium thumbnail) or an l (for large thumbnail) instead. This will result in the following images respectively:

 (9.7KB)
 (25.7KB)

Other options that also appear to work are:

b (Big square crop)  (38 KB)
h (Huge thumbnail (1024x1024))  (190KB)
s (Small square cropped thumbnail)  (15.6KB)

(I have no idea why the "square thumb" image is ~5KB larger than the "medium" one.)

If you'd nevertheless prefer viewers to be able to view your uploaded image in all its raw glory, simply link an optimised image to it by wrapping the code like this:
[![...my optimised image!][2]][1]

This will link the thumbnail to the original source file, like so:

In other words, those wanting to view a higher resolution [1] can do so by simply clicking on the thumbnail [2].

If these options are too complicated, just blindly add an l to the image filename in your post. This should display it in large dimensions and still load fast.
I should also note that anime/cartoon images generally tend to be more optimisable than photographs, etc.

247: <p>Uploading 1MB images or even 300KB images in a question or answer is often unnecessary/overkill and slows down page loads significantly especially when viewing on a mobile connection. Similarly, really large dimensions are often pointless due to real-estate restrictions. </p>

<p><strong>How can I keep file sizes down or adjust the dimensions of the images to reasonable and sensible numbers?</strong></p>
 247: <p>If you don't have the wherewithal to <em>optimise</em> an image prior to upload, here are a few tips on doing so directly on AnimeSE:</p>

<p>After embedding an image to your post, you should see an imgur URL similar to <a href="https://i.stack.imgur.com/FOSov.png" rel="nofollow noreferrer">http://i.stack.imgur.com/FOSov.png</a> (just using this as an example). This should result in a large image (190KB, a relatively reasonable size, but even this can be optimised further):</p>

<p><img src="https://i.stack.imgur.com/FOSov.png" alt="...and Another one!"></p>

<p>But this image can now be optimised even further simply by tweaking the URL being used. For example tweaking the URL to <code>http://i.stack.imgur.com/FOSovt.png</code> (note that the filename now has an <strong>t</strong> (for small <strong>thumbnail</strong>) at the end) will result in an image of smaller size and dimension:</p>

<p><img src="https://i.stack.imgur.com/FOSovt.png" alt="...and Another one!"></p>

<p>This file is only 3.5KB in size and also smaller in terms of dimensions.</p>

<p>If the dimensions are unsuitable add an <strong>m</strong> (for <strong>medium</strong> thumbnail) or an <strong>l</strong> (for <strong>large</strong> thumbnail) instead. This will result in the following images respectively:</p>

<ol>
<li><img src="https://i.stack.imgur.com/FOSovm.png" alt="...and Another one!"> (9.7KB)</li>
<li><img src="https://i.stack.imgur.com/FOSovl.png" alt="...and Another one!"> (25.7KB)</li>
</ol>

<p>Other options that also appear to work are:</p>

<ul>
<li>b (<strong>Big</strong> square crop) <img src="https://i.stack.imgur.com/FOSovb.png" alt="...and Another one!"> (38 KB)</li>
<li>h (<strong>Huge</strong> thumbnail (1024x1024)) <img src="https://i.stack.imgur.com/FOSovh.png" alt="...and Another one!"> (190KB)</li>
<li>s (<strong>Small</strong> square cropped thumbnail) <img src="https://i.stack.imgur.com/FOSovs.png" alt="...and Another one!"> (15.6KB)</li>
</ul>

<p>(I have no idea why the "square thumb" image is ~5KB larger than the "medium" one.)</p>

<hr>

<p>If you'd nevertheless prefer viewers to be able to view your uploaded image in all its raw glory, simply link an optimised image to it by wrapping the code like this:</p>

<pre><code>[![...my optimised image!][2]][1]
</code></pre>

<p>This will link the thumbnail to the original source file, like so:</p>

<p><a href="https://i.stack.imgur.com/FOSov.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FOSovt.png" alt="...my optimised image!"></a></p>

<p>In other words, those wanting to view a higher resolution <code>[1]</code> can do so by simply clicking on the thumbnail <code>[2]</code>.</p>

<hr>

<p>If these options are too complicated, just blindly add an <em>l</em> to the image filename in your post. This should display it in large dimensions and still load fast.</p>

<p>I should also note that anime/cartoon images generally tend to be more optimisable than photographs, etc.</p>
