Happy Atheist forum

Getting To Know You => Ask HAF => Topic started by: Tank on May 16, 2011, 10:50:05 AM

Title: How to add an image to your posts.
Post by: Tank on May 16, 2011, 10:50:05 AM
There are two ways to add an image to a post, Hot-linking and from your own image on your own separate image hosting site (like Imageshack).
You can't upload an image to this site from your computer or link to an image on your own computer.

The way you display an image is to put the image location (URL) between the 'img' tags ([img][/img])

Thus the structure is always [img]URL[/img]

Hot-linking

This is often frowned upon as it steals the bandwidth of the site where the image is displayed. This is often not a big issue for large organisations with their own servers but can be a problem for smaller users like personal bloggers who have to pay each time an image is viewed whether it's on their page or is being hot-linked to.

But here is how you do it in Firefox, Internet Explorer should be similar.

Right mouse click on the image you want to show and select copy image location
(in this example http://news.bbcimg.co.uk/media/images/49558000/jpg/_49558331_soldiers304in_mod.jpg)

Come back to your post and put the cursor where you want the picture to appear.

Click the 'insert image button' (http://img94.imageshack.us/img94/161/imgnj.gif) or type [img][/img]

Put the cursor between the tags and paste in the URL thus

[img]http://news.bbcimg.co.uk/media/images/49558000/jpg/_49558331_soldiers304in_mod.jpg[/img]

This will display as shown below

(http://news.bbcimg.co.uk/media/images/49558000/jpg/_49558331_soldiers304in_mod.jpg)

However some sites don't allow hot-linking and if this is the case some form of message will appear to that effect.
Some sites will divert hot-links to a very rude picture!
So be warned, if you're hot-linking PREVIEW YOUR POST!!!


Hosting your own images.

This requires you open an account with an image host like ImageShack (http://my.imageshack.us/) or Flikr (http://www.flickr.com/), there are other sites of this type. I have used ImageShack and it's OK. Both these sites offer a basic free package which you can extend by paying a subscription. I haven't extended my basic package.

Once you have an account you can copy (upload) images from your computer to the image hosting computer. Once this is done the image host gives you a location (URL) for the image. This is what you put between the [img][/img] tags to display your image on this (or any other) forum.

So I have an image http://img823.imageshack.us/img823/7052/asmo.png

To display it all I have to do is add image tags around it thus (in fact ImageShack has display options and I choose the forum option so it adds the tags for me)

[IMG]http://img823.imageshack.us/img823/7052/asmo.png[/IMG]

And it will display as below

(http://img823.imageshack.us/img823/7052/asmo.png)

Centring an image

Dead easy just put the [center][/center] tags or click the centre text button (http://img638.imageshack.us/img638/9517/centera.gif) around the image link [img]URL[/img] thus [center][img]URL[/img][/center] displays as

(http://img823.imageshack.us/img823/7052/asmo.png)

If you are having problems then post your questions here.
Title: Re: How to add an image to your posts.
Post by: DaveD on May 16, 2011, 05:38:20 PM


Hosting your own images.


In addition to dedicated image hosting services, if you have your own website or blog you can link to any pictures there. I often link to images from my blog rather than uploading them separately to PictureBucket.
To get the URL for an image in a page, right-click on the image and choose to open the image from the drop down menu (wording can vary slightly depending on the browser you're using.)
Then copy what's in the browser's address bar, and paste it between the IMG tags as in Tank's example.
Title: Re: How to add an image to your posts.
Post by: The Magic Pudding on May 16, 2011, 06:14:23 PM
I like Imgur as a host for pictures, you don't need any sort of account just upload a file copy the URL of the image and forget about it.  You can make a free account by I haven't had a reason to so far.
http://imgur.com/?noFlash
Title: Re: How to add an image to your posts.
Post by: Tank on September 05, 2011, 07:27:44 AM
He since stated that it was written in parody

http://pastormikeschurch.blogspot.com/2011/09/relax-my-dear-atheist-friendsthere-will.html

Though I'm not sure I buy it.

I'm certain I don't.  You know, it always stuns me when someone can't understand getting a harsh reaction from people he's insulted.  As the man of the cloth said, duh.

Quote
Never heard of a 'stink eye' before?

I would describe it as a "you fucking idiot" look.  My cat gave me the stink eye once.  I actually got a picture of it and if I could figure out how to post pictures, I'd show you.
Have you seen the post on how to add pictures to your posts http://www.happyatheistforum.com/forum/index.php?topic=7484.0
Title: Re: How to add an image to your posts.
Post by: Sandra Craft on September 05, 2011, 07:29:59 AM
Have you seen the post on how to add pictures to your posts http://www.happyatheistforum.com/forum/index.php?topic=7484.0

Yeah, I've tried following it several times and just can't make it work.  I figure 6 more tries should do the trick.
Title: Re: How to add an image to your posts.
Post by: Tank on September 05, 2011, 07:34:16 AM
Have you seen the post on how to add pictures to your posts http://www.happyatheistforum.com/forum/index.php?topic=7484.0

Yeah, I've tried following it several times and just can't make it work.  I figure 6 more tries should do the trick.


Do you have an image host where you upload your pictures to?
Which browser do you use?
Title: Re: How to add an image to your posts.
Post by: Sandra Craft on September 05, 2011, 08:57:10 AM
Do you have an image host where you upload your pictures to?
Which browser do you use?

re: browsers, I have no idea.  Unless you mean Google?

I have some pictures on Flickr and I've tried uploading them from Flickr to this site without luck.  I'm sure there's just a step I'm missing somewhere.
Title: Re: How to add an image to your posts.
Post by: Tank on September 05, 2011, 09:02:28 AM
Do you have an image host where you upload your pictures to?
Which browser do you use?

re: browsers, I have no idea.  Unless you mean Google?

I have some pictures on Flickr and I've tried uploading them from Flickr to this site without luck.  I'm sure there's just a step I'm missing somewhere.
Can you post a link to your Flickr account please?
Title: Re: How to add an image to your posts.
Post by: Sandra Craft on September 05, 2011, 06:41:55 PM
Can you post a link to your Flickr account please?

http://www.flickr.com/photos/29598287@N04/6115610342/in/photostream.  I tried putting that between (http://) but all I got was the box with a red X in it.
Title: Re: How to add an image to your posts.
Post by: Tank on September 05, 2011, 07:16:08 PM
So your picture starts out like this at Flickr

(http://img689.imageshack.us/img689/8401/11130898.jpg)

Note the 'share' tag at the top. Clicking 'share' gives this

(http://img194.imageshack.us/img194/3440/36480283.jpg)

Ignore 'Grab the link', open the Grab HTML/BBCode at the bottom of the dialogue box by clicking on it.

You should see

(http://img607.imageshack.us/img607/6159/72494361.jpg)

Select the BBCode option by clicking on the 'radio button' to the left of 'BBCode'.

You now need to copy the text in the box to bring it to your post, it should look something like this.

Code: [Select]
[url=http://www.flickr.com/photos/29598287@N04/6115610342/][img]http://farm7.static.flickr.com/6184/6115610342_d23c4c4370.jpg[/img][/url]
[url=http://www.flickr.com/photos/29598287@N04/6115610342/]Deirdre on blanket close up[/url] by [url=http://www.flickr.com/people/29598287@N04/]ashenlight55[/url], on Flickr

and it will display like this

(http://farm7.static.flickr.com/6184/6115610342_d23c4c4370.jpg) (http://www.flickr.com/photos/29598287@N04/6115610342/)
Deirdre on blanket close up (http://www.flickr.com/photos/29598287@N04/6115610342/) by ashenlight55 (http://www.flickr.com/people/29598287@N04/), on Flickr

You'll see there are all kinds of stuff around the picture links etc. that you may not want around it. To just show your picture you need to just find the image details, which I have extracted below.

Code: [Select]
[img]http://farm7.static.flickr.com/6184/6115610342_d23c4c4370.jpg[/img]
That piece of text displays like this.

(http://farm7.static.flickr.com/6184/6115610342_d23c4c4370.jpg)

I hope that helps.  ;D

Ask questions if it doesn't!


Title: Re: How to add an image to your posts.
Post by: Sandra Craft on September 06, 2011, 03:11:26 AM
I hope that helps.  ;D

Ask questions if it doesn't!

Hey, thanks!  Turns out I was missing a bunch of steps -- I'll see if I can make this work in the photo thread.  That look on Deirdre's face is the stink eye, by the way.
Title: Re: How to add an image to your posts.
Post by: Tank on March 06, 2012, 01:47:56 PM
Please note. Imageshack now limits its free service to 500 images and no animated .gifs.
For $2 a month you get unlimited uploads at 10mb and image and animated .gif files are supported.
Title: Re: How to add an image to your posts.
Post by: Buddy on March 06, 2012, 02:13:44 PM
Please note. Imageshack now limits its free service to 500 images and no animated .gifs.
For $2 a month you get unlimited uploads at 10mb and image and animated .gif files are supported.

Or you could just use photobucket, which is free and supports .gifs.
Title: Re: How to add an image to your posts.
Post by: Asmodean on March 06, 2012, 02:35:47 PM
Notice whos mugshot is in the tutorial?  ;D

That said, I think it is good that we have these tutorials, but I think the threads should be locked (reference only).

The discussion on the subject belongs in a separate, non-sticky post. Just a cosmethic issue.
Title: Re: How to add an image to your posts.
Post by: Tank on March 06, 2012, 06:30:54 PM
I left this one open so people could experiment and if it goes off topic I can split the posts off into the derail thread.
Title: Re: How to add an image to your posts.
Post by: The Magic Pudding on March 07, 2012, 04:35:23 AM
I use imjur http://imgur.com/?noFlash

I haven't bothered to set up an account, you just go there an upload your pic, you loose control of it but that isn't an issue for me.  I do have a word doc with the links for pics I might want to use again.  It allows png files which like gifs can have transparent backgrounds.  I've noticed some of the non genuine spoons are jpg with a white background.

Seeing as though this is a tutorial some image format basics.
jpg, good for photos, compressed for smaller file size, some loss of quality (lossy) but probably insignificant.
gif limited to 256 colours, not suitable for photos, can be animated and have transparent background.
PNG is like an improved gif which allows for greater colour depth, not really for photos unless small otherwise results in large file size.
Title: Re: How to add an image to your posts.
Post by: Asmodean Prime on October 10, 2015, 11:08:26 AM
Shall we do stuff like allow for video embedding and such?
Title: Re: How to add an image to your posts.
Post by: Tank on October 10, 2015, 01:00:31 PM
Shall we do stuff like allow for video embedding and such?
Yes. I don't see why not.
Title: Re: How to add an image to your posts.
Post by: Tank on April 04, 2016, 09:46:33 PM
It worked!