"How to embed an image in a post" Topic

Here is how you embed a picture into a forum post.

The photo must be accessible via a publicly accessible website address sometimes referred to as an URL.

Here is TMP's masthead.

Which is found here:

There are many ways photos are hosted on the internet. There are photo hosting sites, websites, and blogs to name some.

If you are using a photo hosting site it will typically give you the code for posting with a few options including size and method. I use ImageShack and my blog to host photos.

When I use an image from ImageShack I typically select "medium size" and "Direct". If you select "Forum" your hosting site may try to add some advertising saying where the image is hosted along with the image.

Both my Blog and ImageShack are publically accessible.

Don't expect this to work if you use FlickR or Picasa and only share it with family. Figure out how to set the image, a group, or folder of images as public.

The end result is your hosting site should yield some code that looks like this:

If you want to use an image from your blog or website you can use the following method which will yield the same result in the end.

You can find the images internet address by right clicking on the image. Literally use your mouse and click on the image with the right button, hence Right-Click. A brief menu will pop up. Like this:

Select "Copy image address". Its saved now, but if you like you can paste it into a word processor. Hit the paste function in your program, hit Control-V, or use the Right-Click again where it will include the option to paste. You can also write it down to type in later, whatever works for you. There are other tricks I assume as well.

Here is the important part. To insert an image into a forum post you need to use the proper code. Typical forums like TMP use a code called BBCode, or bulletin board code. No one can ever show you how to use the code in a message because it formats and becomes hidden. I'll show you here as an image. An embedded image of forum code showing an embedded image in fact. You following along?

Use this code to start

, then paste or type in the image website address, close it with .

Altogether it should look like this:

Yielding the TMP Mast head, your latest creation from your Blog, last weekends dice fest, or a funny Meme to share a laugh on TMP.

I hope that helps.
Snafu

Many thanks, Snafu.

So there is still no way of taking a picture with your phone/camera/ tablet and uploading it to TMP unless you have an account with a third party photo hosting site online?

I post a link to images on my blog.

Why are you making it more complicated? The URL is enough.

It's in the FAQs.

So there is still no way of taking a picture with your phone/camera/ tablet and uploading it to TMP unless you have an account with a third party photo hosting site online?

Correct. If you could simply upload from your computer or other device, all that bandwidth would cut into what Bill is paying for.

BoardGame Geek is a different financial model.

Cheers Chris
I wondered why the simplest method didn't work. Never Thought about taking up more interweb.

Thanks Chris for the explanation as to why we can not upload images from our computer. I am not very tech savvy and, therefore, never understood the reason. Now that I understand, I will cease my complaining concerning this subject. It was really the only complaint that I had concerning this site.

Thanks again,
Kevin

NEVER cease complaining. This is TMP!

lets see…

TMP link

Nope. Posting only the URL results in a link not an embedded image.

I do not believe I am making it more complicated. I am also wrong frequently.

The key item… the img (in brackets) and /img (again in brackets) coding at each end of the URL address. Note the / (slash) on the second coding before the img. When I post… basically the steps outlined above with a copy and pasted URL to the photo hosted on my blog site media library (wordpress), then once posted on the TMP screen I add the img and /img coding to each end of the URL pasted on the TMP screen. Then when completed, click to post on TMP site. Them… important, view the actual post on TMP to confirm the photos actual post up on TMP. Sometimes the system drops a bracket…. and if any bracket is missing the photos will not show on TMP. If missing… just edit the photo post URL coding to correct.

I tried to run this through a Google translator, but it just gave me the same text back.

You can post a photo by uploading any photo you have on file (phone, tablet, pc) to TinyPic. Free and easy to use. I have placed these instructions on many of these posts, and here they are again:

Open the Tiny Pics website and you can use your own photos.

For instance, let's say you want to post a picture located on your PC, mobile phone, etc.
Go to an online image hosting site like this one:
tinypic.com
Select the option to browse your files and select the photo you want to post. It asks what size you want, so choose a thumbnail size. It will come out fine and not really a thumbnail size.
It offers several formats. For sites like TMP, select/Left click on forums and message boards' (not 'websites' for TMP). Follow the instructions, copy and paste the url directly into TMP and Bobs your uncle. You can enter your narrative and Submit.

Condotta, good one! You found a free site! Nice photo, good figures and love the basing.

One point of clarification.

"Follow the instructions, copy and paste the url directly into TMP and Bobs your uncle."

What is being pasted is not the URL but the BBCode with the URL inserted.

Posting a website address by itself will create a link.

I tried TinyPic. I had to turn off my AdBlock in Chrome to make it work.

Pasting in just the image's URL is supposed to make the image appear in the page, but this function is not reliable. It often appears as a link instead.

PrivateSnafu, you are correct, the BBCode is being pasted. Thanks for the comments about my first painted unit for 2017. Just completed twelve of these 25mm Foundry Austrian Jägers. They are based for Empire rules, so one figure covers 2".

There are various formats that can be selected to cut/paste. Ensure you select the option for Forums and Message Boards.

Here are the steps to paste a photo like the ones above directly from your photo library:
1. Open tinypic.com
2. File: Choose file
I use option B. Photo Library
3. File Type: Image
4. Resize (drop down list) – leave as default to see if you like size
5. Select green Upload Now option
6. Select option IMG Code for Forums & Message Boards. Copy and paste the code into your TMP post.

Once you've done this, you'll find it is easy and intuitive. If I can do it, you can as well. : > )

Thanks Condotta
That's a brilliant method.
I reckon even I can manage that and I don't need to open any photo sharing accounts.

Freerangegg, you are a good egg. Thanks, glad you find it useful. Let me know when you are able to post a photo and if all goes well.

By the way, when you paste the code into your TMP Comment, you will only see the code until you hit Submit. The code will convert to the photo upon submission of your Comment.

Let's post like it's 1993!

Pasting in just the image's URL is supposed to make the image appear in the page, but this function is not reliable. It often appears as a link instead.

To be recognized automatically, the link needs to end in .jpg or .gif (if I remember correctly).

Bill, you remember correctly. .jpg is at the end of the code I paste.

See the code as posted by PrivateSnafu above for what your code should look like prior to hitting Submit.

This is just a test.

Yay! it works.
I left it on default though as the first try I set on thumbnails and it just came out as a thumbnail.

freerangeegg, looks like you are good to go. I also just leave size as Default. Easy.

Wow, those vehicles look awesome! Thanks!

Ok testing Condotta's instructions as I always have problems with this.

Thanks Condotta, that worked brilliantly and it was simple and straight forward, and your right best thing is I dont need to download from a storage site!!!

Very Happy

TinyPic or ImageShack, which is recommended by more folks?

I've been using PhotoBucket for years, but it gets harder to use and more glitchy all the time. And full of pop-ups and advertising gimmicks. How can I find a free basic image hosting service that is user-friendly and reliable? And that might also allow me to resize an original image file?

Bump.

Test

How about that it works!

@Piper909

Sorry I failed to answer your questions.

After Photobucket went to a paid model it looks like Flickr is the best free alternative. It does require full browser access to get the code for forum posting. That is, if you are using a phone or mini tablet you may not be able to get what you need.

As far as resizing photos I am not sure if FlickR has that capability. Remarkably it's really no issue on TMP as Bill's coding seems to resize things down when they are too big.

Have to ever been to a forum where someone posted a gigantically sized photo that caused all the text to shrink to nothing or a scroll bar appeared on the bottom of the screen? That has never happened here that I know of.

trying out tinypic. please excuse me.

john

Yeyyyyy!

<a data-flickr-embed="true" href="https://www.flickr.com/photos/57556237@N07/36284531996/in/dateposted-public/" title="IMGP0043"><img src="https://farm5.staticflickr.com/4376/36284531996_93c5d0eba9_z.jpg" width="640" height="225" alt="IMGP0043"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>

theminiaturespage.com‌

‌"TMP link

hmmmm doing something wrong, but something right..

Practicing:

I actually did it by accident. I did an image search. Then I chose an image, then I double clicked on the image so I had a page with just the image and nothing around it. I copied the url and then pasted it on to my TMP post.