How to Add Pictures to Posts

[Katnapper]

Having trouble with, or uncertain how to post pictures or photos in your posts?

Hopefully this will help!

You may add pictures via two different methods.

Method #1

In the first method, you add pictures directly from the files in your computer. This may be quicker and easier in the short run. But the individual file size of pictures you upload is limited, so you may have to resize your photos to use this method if your pictures are large. You are also limited to a finite amount of storage space to hold the combined total of pictures you upload via this method. So sooner or later (usually sooner!) you will either have to remove previously uploaded pictures to make room for new ones... or use Method # 2.

Method #2

For the second method, you must have a copy of your picture uploaded to, and stored on, a site like Photobucket. There are several similar file hosting sites which allow you to upload and store pictures for free after creating a basic account (also free). Once you have your Photobucket (example I will be using) account set up and your picture/s uploaded into it, then you can easily use the "Direct Link" URL associated with each photo to upload it right into your posts here.

The disadvantage of this method is that it is not quite as quick as using Method #1. But it is only slightly more complicated, and with just a couple of extra steps you can post almost unlimited numbers of pictures without having to worry about resizing, file size limits, or storage limits imposed by the MantidForum servers. It's really not difficult at all, and I highly recommend this method if you plan on posting more than just a couple of pictures on the forum in the future.

Here's how to do it!

*Note: For an even easier way to do this method, you can instead just copy/paste the IMG Code directly into the box where you type the body of your post or message!

 

[Rick]

Nice write up. On many sites you cannot upload directly from your computer.

 

[bassist]

On method #2 you could just copy the img code.

 

[Katnapper]

Nice write up. On many sites you cannot upload directly from your computer.

Thank you, Rick!

On method #2 you could just copy the img code.

Yes, that is what Method #2 explains how to do.

Edit: I think I realize now what you are saying. You can just copy/paste the picture's URL into the post, yes. But then it would not insert the picture into your post, but it would insert a link to the picture. People could then click on the link to view it.

 

[[email protected]]

Wow this was very helpfull i think ill try method #2 later tonight.

Thank you for creating it.

 

[bassist]

Yes, that is what Method #2 explains how to do. Edit: I think I realize now what you are saying. You can just copy/paste the picture's URL into the post, yes. But then it would not insert the picture into your post, but it would insert a link to the picture. People could then click on the link to view it.

Actually no what I'm saying is most sites give you the IMG code just copy that without even clicking the insert image button and it will work.

Using this as an example

all I did was copy the IMG code from photobucket it's just one less thing to do.

 

[hibiscusmile]

Yea, I lazy person

 

[Katnapper]

Actually no what I'm saying is most sites give you the IMG code just copy that without even clicking the insert image button and it will work.all I did was copy the IMG code from photobucket it's just one less thing to do.

Hmmm.... I'll try this out myself! Let's see.... Copy IMG code from Photobucket, paste right into post.... and ....

Dagnabbit!! :angry: Those little whippersnappers think they know everything! <_< Well, I suppose you can teach an old Katnapper new tricks. Thank you, Tommy... you've saved me time and steps from now on! (Even I have to admit that little whippersnapper's pretty darn smart! )

 

[bassist]

Lol if HTML was enabled I could embed music and videos in my posts.

 

[Katnapper]

Lol if HTML was enabled I could embed music and videos in my posts.

Braggart!!!

 

[kamakiri]

Kat, very nice of you to do the tutorial!

This is what I do if I want to show a small picture with the link to the large size. ( I use flickr )

with spaces shown to interrupt code:

button above for "Insert Image":

just copy and paste link for...

[ i m g ] h t t p : / / farm4.static.flickr.com/3274/3287395543_074e9c9e2e.jpg [ / i m g ]

button above for "Insert Link":

enter link then add description...

[ u r l = h t t p : / / farm4.static.flickr.com/3274/3287395543_8bd9db0885_o.jpg]Click for Larger Picture [ / u r l ]

without the spaces:

Click for Larger Picture

 

[PhilinYuma]

Congratulations, Katt, on a really great tutorial (even if it did cause me Great Anxiety and Ruin My Life after 24 hours). If you incorporate the "extra bits" this would make a most useful sticky and obviate the need for Rick to keep passing out the URL and telling folks to use the Search Engine!

There may be an odd side effect of using the IMG code as a means of transferring files. I tried a method using the SRC and Alt attributes (O.K., it was a Mad Moment) on the Export files in

Picasa, which is my default pix organizer, instead of using Method #1.

Something else came up, and I discarded the Forum Reply box (like this) and right after that, the Forum started to malfunction. Since Bassist and I use Firefox, and since we both used the attachment system yesterday and had MantidForum crash, I wonder if there is a connection. (Say it isn't so, Bassist!).

Anyway, after a few days and a bottle of Canadian Mist to steady my nerve, I shall try again. Maybe I'll keep IE7 as the browser for this machine for a while....

 

[jameslongo]

good tute katnapper. only prob is method 2. doesn't want to work for me :huh:

 

[Rick]

good tute katnapper. only prob is method 2. doesn't want to work for me :huh:

It works. On photobucket.com the url already has the img tags on each side of the address so you don't need to click on the insert image button here at mantidforum. Just copy the url from the site and paste it here. Once you learn how to post pics you will feel silly at how easy it is.

 

[tnienhaus]

Kat that was a WONDERFUL tutorial! Extremely helpful! Thanks!!

 

[Katnapper]

Kat that was a WONDERFUL tutorial! Extremely helpful! Thanks!!

You're so very welcome... I'm glad it helped!

 

[mantidian]

http://farm4.static.flickr.com/3644/345023...c3f710f.jpg?v=0

i dont understand kamakiri's explanation...

 

[kamakiri]

http://farm4.static.flickr.com/3644/345023...c3f710f.jpg?v=0i dont understand kamakiri's explanation...

You have the wrong link, and the wrong button. Use the 'insert picture' button to put IMG tags not URL tags.

I get the link from the 'view all sizes' page for that picture on flickr.

with spaces to interrupt code (and needed to take out the "v=0"):

[ i m g ]http://farm4.static.flickr.com/3644/3450235588_dd2c3f710f.jpg[ / i m g ]

 

[jameslongo]

Hello Katnapper,

sorry for blemishing your poll. I just figured out how to do Method #2. Your explanation is quite easy to follow.

Now if you'll excuse me, there's a Purple-Wing running amok in my room

James.