Image Hosting: How To
Posted: Sat Jan 14, 2006 6:42 am
A lot of new users are looking for a way to put their pictures into posts so I thought I would put this out there as a reference.
There are several free picture hosting sites out there. The one that I see causing people the most problem is the yahoo albums. You CAN NOT directly link to pictures in a yahoo album. That means that you can post the link with the right IMG tags in the forum, but it still won't show a picture because yahoo won't allow it to.
http://www.fotolode.com/ is one free service that will allow direct linking and I see people using in the forums. I don't know to much about it as I don't use it. If anyone wants to write a bit about how to use this particular site I'll edit it in here.
http://www.photobucket.com/ is another free service and is the one I use. I will attempt to give you a pretty good rundown on the different stuff I have figured out on it.
Once you have your account setup you can upload pictures to it from your computer(or phone). It looks like this...
You can also set it to accept multiple uploads at once. Once you have your picture(s) uploaded you will still have the top of the screen as seen above, but you will also have an area that looks like this.
You can now copy and paste the code that is in the IMG area under the picture into your forum post and the picture will be there.
The one other thing I wanted to go over, because it took me forever to figure out how to do, is how to post thumbnails of pictures. The reason for doing this is so you don't have to worry about resizing your pictures. If you just copy and paste your IMG code into the post and you have a large picture it will make it so everyone has to scroll right to read the posts and the is irritating. So doing thumbnails lets you avoid that. Blah Blah Blah fishcakes....
Using the screen above as an example you would want to check the box next to Water lilies. Then you would click on the "Generate HTML and IMG code" button in the lower right of that screenshot. This is sometimes not a button, but part of a dropdown menu at the bottom of the page.
Well I can't find or do a nice screenshot of what stuff looks like after you hit the button. You will see the code that is clearly labeled as thumbnail code. Copy and paste it to the post and it'll work just fine for you. It should look like this...
There are also free tutorials on photobuckets site.
It will also host animated gifs. You can find lots of these free if you do a google search. They are stuff like this...
Here is the code for those two...
Travis
There are several free picture hosting sites out there. The one that I see causing people the most problem is the yahoo albums. You CAN NOT directly link to pictures in a yahoo album. That means that you can post the link with the right IMG tags in the forum, but it still won't show a picture because yahoo won't allow it to.
http://www.fotolode.com/ is one free service that will allow direct linking and I see people using in the forums. I don't know to much about it as I don't use it. If anyone wants to write a bit about how to use this particular site I'll edit it in here.
http://www.photobucket.com/ is another free service and is the one I use. I will attempt to give you a pretty good rundown on the different stuff I have figured out on it.
Once you have your account setup you can upload pictures to it from your computer(or phone). It looks like this...
You can also set it to accept multiple uploads at once. Once you have your picture(s) uploaded you will still have the top of the screen as seen above, but you will also have an area that looks like this.
You can now copy and paste the code that is in the IMG area under the picture into your forum post and the picture will be there.
The one other thing I wanted to go over, because it took me forever to figure out how to do, is how to post thumbnails of pictures. The reason for doing this is so you don't have to worry about resizing your pictures. If you just copy and paste your IMG code into the post and you have a large picture it will make it so everyone has to scroll right to read the posts and the is irritating. So doing thumbnails lets you avoid that. Blah Blah Blah fishcakes....
Using the screen above as an example you would want to check the box next to Water lilies. Then you would click on the "Generate HTML and IMG code" button in the lower right of that screenshot. This is sometimes not a button, but part of a dropdown menu at the bottom of the page.
Well I can't find or do a nice screenshot of what stuff looks like after you hit the button. You will see the code that is clearly labeled as thumbnail code. Copy and paste it to the post and it'll work just fine for you. It should look like this...
- Code: Select all
[URL=http://i21.photobucket.com/albums/b253/Lufah/mashtun.jpg][IMG]http://i21.photobucket.com/albums/b253/Lufah/th_mashtun.jpg[/IMG][/URL]
There are also free tutorials on photobuckets site.
It will also host animated gifs. You can find lots of these free if you do a google search. They are stuff like this...
Here is the code for those two...
- Code: Select all
[IMG]http://i21.photobucket.com/albums/b253/Lufah/Gifs/drinks05.gif[/IMG][IMG]http://i21.photobucket.com/albums/b253/Lufah/Gifs/atom05.gif[/IMG]
Travis
