#image posting

Step 1: Login to AO3 and go to the “Skins” link on your dashboard navigation bar.

Step 2: Click on “my work skins” and then “create work skin”

Step 3: Paste this into the text box:

#workskin img { max-width:500px!important; }

(note: you can change the max width to be more or less than 500px depending on your needs)

(Note that I pasted it in as one line, and AO3 automatically added spaces and returns after I hit submit.)

Step 4: Give it a unique title and hit submit.

Step 5: Edit your work and select the work skin you just created under “Select work skin”.

Step 6: Make sure your image html looks like this:

<img src=“URL” alt=“description” width=100%>

If you’re in the rich text view, make sure you click over to the html view.

You don’t want to have height and width specified because if you do, the work skin will mess up your proportions, making it looked stretched. Also, if you have width set to 100%, then your image will resize to the width of the browser window if the browser is smaller than the max-width.

Step 7: Save your work!

Yay! Victory!