Help support TMP


"How to embed an image in a post" Topic


38 Posts

All members in good standing are free to post here. Opinions expressed here are solely those of the posters, and have not been cleared with nor are they endorsed by The Miniatures Page.

For more information, see the TMP FAQ.


Back to the TMP Talk Message Board


Action Log

19 Jan 2017 11:51 p.m. PST
by Editor in Chief Bill

  • Removed from What I Did This Week board
  • Crossposted to TMP Talk board


1,298 hits since 17 Jan 2017
©1994-2017 Bill Armintrout
Comments or corrections?

Personal logo PrivateSnafu Supporting Member of TMP17 Jan 2017 11:25 p.m. PST

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

Dschebe Supporting Member of TMP18 Jan 2017 12:12 a.m. PST

Many thanks, Snafu.

freerangeegg18 Jan 2017 2:30 a.m. PST

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?

JimDuncanUK18 Jan 2017 3:02 a.m. PST

I post a link to images on my blog.

Chris Wimbrow18 Jan 2017 4:59 a.m. PST

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

picture

It's in the FAQs.

Chris Wimbrow18 Jan 2017 5:17 a.m. PST

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.

freerangeegg18 Jan 2017 5:28 a.m. PST

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

Kevin C Supporting Member of TMP18 Jan 2017 6:38 a.m. PST

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

Winston Smith Supporting Member of TMP18 Jan 2017 7:17 a.m. PST

NEVER cease complaining. This is TMP!

Personal logo PrivateSnafu Supporting Member of TMP18 Jan 2017 9:25 a.m. PST

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.

TMPWargamerabbit18 Jan 2017 10:01 a.m. PST

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.

79thPA Supporting Member of TMP18 Jan 2017 10:46 a.m. PST

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

Personal logo Condotta Supporting Member of TMP18 Jan 2017 12:19 p.m. PST

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.

Personal logo Condotta Supporting Member of TMP18 Jan 2017 12:25 p.m. PST

Personal logo PrivateSnafu Supporting Member of TMP18 Jan 2017 1:13 p.m. PST

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.

emckinney18 Jan 2017 1:44 p.m. PST

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.

Personal logo Condotta Supporting Member of TMP18 Jan 2017 1:44 p.m. PST

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".

Personal logo Condotta Supporting Member of TMP18 Jan 2017 1:47 p.m. PST

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

Personal logo Condotta Supporting Member of TMP18 Jan 2017 1:53 p.m. PST

Personal logo Condotta Supporting Member of TMP18 Jan 2017 1:58 p.m. PST

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. : > )

Personal logo Condotta Supporting Member of TMP18 Jan 2017 2:05 p.m. PST

freerangeegg18 Jan 2017 3:06 p.m. PST

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.

Personal logo Condotta Supporting Member of TMP18 Jan 2017 3:58 p.m. PST

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.

Personal logo Condotta Supporting Member of TMP18 Jan 2017 4:01 p.m. PST

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.

Personal logo jeffreyw3 Supporting Member of TMP18 Jan 2017 5:54 p.m. PST

Let's post like it's 1993!

Personal logo Editor in Chief Bill The Editor of TMP Fezian18 Jan 2017 5:58 p.m. PST

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).

Personal logo Condotta Supporting Member of TMP18 Jan 2017 9:45 p.m. PST

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.

freerangeegg19 Jan 2017 3:16 a.m. PST

This is just a test.

freerangeegg19 Jan 2017 3:18 a.m. PST

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.

Personal logo Condotta Supporting Member of TMP19 Jan 2017 1:29 p.m. PST

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

Wow, those vehicles look awesome! Thanks!

Obsidian23 Supporting Member of TMP01 Apr 2017 6:54 a.m. PST

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

Obsidian23 Supporting Member of TMP01 Apr 2017 6:56 a.m. PST

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

Personal logo piper909 Supporting Member of TMP01 Apr 2017 2:01 p.m. PST

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?

Personal logo PrivateSnafu Supporting Member of TMP21 Jun 2017 10:18 p.m. PST

Bump.

Hussar6224 Jun 2017 5:04 p.m. PST

Test


How about that it works!

Personal logo PrivateSnafu Supporting Member of TMP22 Jul 2017 11:16 a.m. PST

@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.

By John 5422 Jul 2017 6:43 p.m. PST

DELETED

By John 5422 Jul 2017 6:45 p.m. PST

trying out tinypic. please excuse me.

john

By John 5422 Jul 2017 6:45 p.m. PST

Yeyyyyy!

Sorry - only verified members can post on the forums.