Jump to content

How To Put Images In Your Post!


k31th
 Share

Recommended Posts

  • less WHY; more WOT.
  • Site Developer
  • Member For: 13y 7m 19d
  • Gender: Male
  • Location: Melbourne

Following on from the old (ancient?) instructions here, I've decided to finally write a detailed instruction on how to post images to your posts :spoton:

 

PC Instructions

 

Mac Instructions

 

Android Instructions

 

iOS Instructions

  • Like 1
Link to comment
Share on other sites

  • less WHY; more WOT.
  • Site Developer
  • Member For: 13y 7m 19d
  • Gender: Male
  • Location: Melbourne

How to insert an image into your post on a PC

 

1. Navigate to http://www.imgur.com (skip to step #5 if the image already has a public URL, e.g. Facebook images).

PC-1.png

 

2. Click on "New Post" then click on "Upload Images"

PC-2.png

 

3. Click on "Browse" then select the image(s) you want to upload (edit them first if necessary), then click on "Open" (or paste in an image on the clipboard by pressing CTRL+V)

PC-3.png

 

 

4. The image(s) will automatically upload to the server. Choose to use either the "direct" or "BBCODE" insertion methods at this point.

  a. (BBCODE method) Click on (or hover over) the image and then click the "down arrow" to the right of the "copy" button then click on "Get share links"

PC-4.png

Then press the "copy" button on the BBCODE link.

PC-5.png

 

  b. (direct method) right-click on the image and then select the "copy image location" option in Firefox (or "copy image address" if using Chrome)

PC-10.png

 

5. Open the forum reply box to insert the image.

a. (BBCODE method) paste the previously copied image link into the edit box wherever you need to (right-click + paste ... or CTRL+V)

PC-11.png

 

b. (direct method) click on the "Insert other media" button, then click on "Insert image from URL"

PC-6.pngPaste the link into the "Example URL" field (use right-click + paste as shown or use CTRL+V)

PC-7.png

Then click on the "Insert into post" button.

PC-8.png

 

6. Image insertion completed. Repeat the process for as many pictures as you need to enter in your post.

 a. (BBCODE method) The image will not show automatically as it is processed when you submit the reply.

 b. (direct method) The image will show automatically in the place where you left the cursor in your post.

PC-9.png

 

7. You're done! Finishing creating your post as necessary and then press "Submit Reply" when you're happy with how it all looks.

Link to comment
Share on other sites

  • less WHY; more WOT.
  • Site Developer
  • Member For: 13y 7m 19d
  • Gender: Male
  • Location: Melbourne

How to insert an image into your post on a Mac

 

1. Navigate to http://www.imgur.com (skip to step #5 if the image already has a public URL, e.g. Facebook images).

mac-1.png

 

2. Click on "New Post" then click on "Upload Images"

mac-2.png

 

3. Click on "Browse" then select the image(s) you want to upload (edit them first if necessary), then click on "Open" (or paste in an image on the clipboard by pressing CMD+V)

mac-3.png

 

 

4. The image(s) will automatically upload to the server. Choose to use either the "direct" or "BBCODE" insertion methods at this point.

  a. (BBCODE method) Click on (or hover over) the image and then click the "down arrow" to the right of the "copy" button then click on "Get share links"

mac-4.png

Then press the "copy" button on the BBCODE link.

mac-8.png

 

  b. (direct method) right-click on the image and then select the "copy image location" option in Safari (may be slightly different in other browsers)

mac-5.png

 

5. Open the forum reply box to insert the image. 

a. (BBCODE method) paste the previously copied image link into the edit box wherever you need to (control-click + paste ... or CMD+V)

mac-11.png

 

b. (direct method) click on the "Insert other media" button, then click on "Insert image from URL"

mac-6.png

Paste the link into the "Example URL" field (use control+click + paste as shown or use CMD+V)

mac-9.png

Then click on the "Insert into post" button.

 

6. Image insertion completed. Repeat the process for as many pictures as you need to enter in your post.

 a. (BBCODE method) The image will not show automatically as it is processed when you submit the reply.

 b. (direct method) The image will show automatically in the place where you left the cursor in your post.

mac-10.png

 

7. You're done! Finishing creating your post as necessary and then press "Submit Reply" when you're happy with how it all looks.

Link to comment
Share on other sites

  • less WHY; more WOT.
  • Site Developer
  • Member For: 13y 7m 19d
  • Gender: Male
  • Location: Melbourne

How to insert an image into your post on an Android device

 

1. Navigate to http://www.imgur.com (skip to step #7 if the image already has a public URL, e.g. Facebook images).

20160920_230535.png

 

2. Click on the small cloud icon in the top-right corner (close the advertising overlay if one shows by pressing the "X" in the top-right corner) then click on "Upload from device"

20160920_230457.png

 

3. Browse through your device as necessary to find the image that you want to upload (edit them first if necessary), repeat the process as necessary to select multiple images... then click on "Upload" once you've attached the image(s).

20160920_230358.png

   

4. The image(s) will now upload to the server (Skip to step#5 if you only uploaded one image) and will show the below screen when it's complete. Long-press on the image shown on the page that you would like to push into your post (need to do one at a time via this method) and then click on the "Open in new tab" button (button may differ based on what browser and device you use). 

20160920_230320.png

 

5. Long-press on the image shown individually on the screen and click on the "View image" button (again, this may differ slightly depending on your browser and device in use)

20160920_230227.png

 

6. In the URL field of your browser, "select all" the entire text and "copy" it to the clipboard in a similar way to below.

20160920_230152.png

 

7. Open the forum reply box to insert the image by tapping on the "Reply to this topic..." button/section.

20160920_225330.png

 

8. In the edit box, move the cursor to wherever you'd like to enter the image when you're ready to insert it.

20160920_225903.png

 

9. Click on the "Insert other media" button, then click on "Insert image from URL"

20160920_230011.png

 

10. Paste the link to the image into the "Example URL" field (use long-press + paste similar to what is shown)

20160920_225219.png

Then click on the "Insert into post" button.

 

11. Image insertion completed. Repeat the process for as many pictures as you need to enter in your post. The image will show automatically in the place where you left the cursor in your post.

20160920_225146.png

 

12. You're done! Finishing creating your post as necessary and then press "Submit Reply" when you're happy with how it all looks.

 

 

 

**USE THE IMGUR APP INSTEAD OF GOING TO IMGUR.COM**

1. Open the app and follow the prompts to insert an image. Once it's uploaded, long-press on the image and then click on "Share Direct Link" on the menu that shows up.

20160920_231023.png

 

2. Click on the "Copy to clipboard" button.

20160920_231050.png


3. Go to step #7 above to complete insertion.

Link to comment
Share on other sites

  • less WHY; more WOT.
  • Site Developer
  • Member For: 13y 7m 19d
  • Gender: Male
  • Location: Melbourne

How to insert an image into your post on an iOS device

 

1. Navigate to http://www.imgur.com (skip to step #8 if the image already has a public URL, e.g. Facebook images).

IMG_0028.PNG

 

2. Click on the small cloud icon in the top-right corner (close the advertising overlay if one shows by pressing the "X" in the top-right corner) then click on "Upload from device"

IMG_0029.PNG

 

3. Browse through your device as necessary to find the image that you want to upload (edit them first if necessary), repeat the process as necessary to select multiple images... then click on "Upload" once you've attached the image(s).

IMG_0030.PNG

   

4. The image(s) will now upload to the server (Skip to step #5 if you only uploaded one image) and will show the below screen when it's complete. Long-press on the image shown on the page that you would like to push into your post (need to do one at a time via this method) and then click on the "Open in New Page" button (button may differ based on what browser and device you use). IMG_0043.png

 

5. Press on the "3-dot" menu in the top-right corner and then click on the "Open image in tab" button. 

IMG_0031.PNG

 

6. In the URL field of your browser on the tab that opens, long-press on the text and then press "select all"

IMG_0032.PNG

 

7. Press the "Copy" button to copy the URL to the clipboard in a similar way to below.

IMG_0042.PNG

 

8. Open the forum reply box to insert the image by tapping on the "Reply to this topic..." button/section.

IMG_0033.PNG

 

8. In the edit box, move the cursor to wherever you'd like to enter the image when you're ready to insert it.

IMG_0034.PNG

 

9. Click on the "Insert other media" button, then click on "Insert image from URL"

IMG_0035.PNG

 

10. Paste the link to the image into the "Example URL" field (use long-press + paste similar to what is shown)

IMG_0037.PNG

Then click on the "Insert into post" button.

IMG_0038.PNG 

 

11. Image insertion completed. Repeat the process for as many pictures as you need to enter in your post. The image will show automatically in the place where you left the cursor in your post.

IMG_0040.PNG

 

12. You're done! Finishing creating your post as necessary and then press "Submit Reply" when you're happy with how it all looks.

 

 

 

**USE THE IMGUR APP INSTEAD OF GOING TO IMGUR.COM**

1. Open the app and follow the prompts to insert an image. Once it's uploaded, long-press on the image and then click on "Message" on the menu that shows up.

image4.PNG

 

2. Long press on the image URL text and press on "Select All".

image2.PNG

 

3. Press on the "Copy" button

image3.PNG


4. Go to step #8 above to complete insertion.

IMG_0036.PNG

  • Like 1
Link to comment
Share on other sites

  • Rab featured this topic
Guest
This topic is now closed to further replies.
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
  • Create New...