Photo help! Tutorial + Troubleshooting

[tailrustedtealeaf]

The Arena does not have any on-site hosting, but you can embed photos into your posts or PMs if it is uploaded elsewhere!

First, upload your photo somewhere.

Some sites work great for photo uploading, some don't!

Not suggested: Facebook, Twitter, Instagram, Photobucket, Discord

Suggested: postimages.org, Tumblr, Flickr, Imgur, Deviantart/Deviantart Stash, imgBB, your own domain!

Each site works differently, but your goal is to be able to get a link that points directly to your image...

Second, get your image link!

In order to embed, you will need a link that ends with your file extension, or the type of file you have uploaded. This usually means the link ends with a .jpg, .png, or .gif extension.

Some sites may provide an easily copied-and-pasted link that points to your image, and some sites you will need to grab yourself.

I use Tumblr for most of my hosting, so here's what that looks like for me...

visitors can't see pics , please register or login


On most sites, you can right-click or long-press (if you're on phone!) on the image. There should be an option to either "copy image link" or "open image in new tab".

If you copy the image link, then you can skip to the next step. If you opened image in a new tab...

visitors can't see pics , please register or login


You can copy the url at the top. See how it ends in png? That's what we want! Copy that!

Lastly, embed that image!

Here's where you make your post look pretty.

Forum code uses brackets to indicate special instructions. To get the code to embed images, you can either click here...

visitors can't see pics , please register or login


Which will insert the brackets, or you can simply type:

Code: [Select]

[img][/img]
Your link will go between the brackets:

Code: [Select]

[img]https://64.media.tumblr.com/ccc425fc9c122e298cdfde4fce830966/b5e38a1f20c115d6-8f/s1280x1920/b08fd2683e8ce3294bec94017eb8b822cb61b546.png[/img]
visitors can't see pics , please register or login


Bonus!

Images really big? You can add a height or width modifier in order to make your image smaller.

Code: [Select]

[img height=300]https://64.media.tumblr.com/ccc425fc9c122e298cdfde4fce830966/b5e38a1f20c115d6-8f/s1280x1920/b08fd2683e8ce3294bec94017eb8b822cb61b546.png[/img]
visitors can't see pics , please register or login

Code: [Select]

[img width=50]https://64.media.tumblr.com/ccc425fc9c122e298cdfde4fce830966/b5e38a1f20c115d6-8f/s1280x1920/b08fd2683e8ce3294bec94017eb8b822cb61b546.png[/img]
visitors can't see pics , please register or login


so small!

(Sometimes the image will appear squashed... You can specify both height and width to an appropriate ratio if you find your images are smashed)

You can always view the original size of the image by right clicking and selecting "open image in new tab". Sometimes, you can click on images within posts and they will appear as originally uploaded.

Still need help?

You can ask for help in this thread!

Happy embeding! 

[MintWhistler]

Thank you this was really helpful

[2003pony]

Thank you very much for the tutorial!!

[lunap99]

Can I use cloud storage like MS OneDrive or iCloud drive links?  I tried one but it didn't work so I don't know if it's that OneDrive doesn't work with this or that I didn't code it right.

[tailrustedtealeaf]

Can I use cloud storage like MS OneDrive or iCloud drive links?  I tried one but it didn't work so I don't know if it's that OneDrive doesn't work with this or that I didn't code it right.

You would need direct image links. As long as you can get the links that end in .png or .jpg, you should be able to use them. The links to the drives themselves would not work.