[GUIDE] Host your pictures

Host your pictures

Before you can display a picture on the web, you must have to upload it from your computer to a server who will host your pictures.


There are many sites, but I'll explain how to use one of the most used:

http://imageshack.us/


Once on this site, you note a "parcourir" or "Browse" button (depending of your browser language), and juste below, allowed picture format which can be uploaded from your computer, to the web:
.jpeg ; .jpg ; .png ; .gif ; .bmp ; .tif ; .tiff ; .swf

The maximal picture's weight authorized by Imageshack: 1024 Ko
This is really enough for all pictures, above, it will cause slow down to the page's loading.





Click on "Browse" you access so to your computer. You just have to look for your picture and select it, clic on "open":






Now, just choose "Host it!" and your picture will be uploaded from your computer to the server.

A new page is opened with a few links, they are all links to your pictures(but we won't use them all):





-Hotlink for forums 1 et 2: these two lines are the same, do a copy/ paste of these lines to directly display a picture on a post.

-Hotlink for websites: this is HTML script, allow you to host pictures for your web pages, or for the headers, portal, or forum's description.

-Show image to friends: send this line to your friends or contact, and they'll be able to use all the lines to display the pictures.

-Direct link to image: a direct link to the pic, this is the most useful, this is the line that you'll copy/ paste to your admin panel for your logo and picture management. It can also be used to link an avatar on the "link to off-site avatar" field.
In fact, I personnaly always use this line, and I just have to add my tags, BBcode in a post, or HTML to display my picture.
So with this line:

In BBcode:

Code:

Code:

[img]direct link[/img]

In HTML:

Code:

Code:

<img src="direct link">

On top of the page, you can see "Upload another image", if you have to upload other pictures, you just have to click on it or on the frog logo.


Above 200 or 240 px from height, other lines appear:






The problem with large pics, is first, that they deform your board, and second, people with low speed connection won't appreciate to wait the load of your board's page if you display it directly on a post.
Imageshack provide a reduction of the pic, with a link on it to the real sized pic.

-Thumbnail for Websites: same thing that hot link, but with a thumbnail of the pic. This display the thumb where you write it, and there click on the thumb, the original sized pic open on a new page. This is HTML script, not used in a post.

-Thumbnail for forums 1 et 2: thumbnail for a post. Simply copy/ paste it in your post to display the reduction with the link on the real sized picture.

If thumbnail are proposed, you better have to always choose it to many reasons.

This is what gives a thumbnail, click on it:

Free Hosting of Images:


http://www.freephotohost.com
http://www.jpeghost.com
http://www.mycrohsoft.com
http://imagehost.bizhat.com
http://www.imageuploader.net
http://www.image-upload.com
http://www.filenote.com
http://www.yourpic.net
http://www.savefile.com
http://www.uploadyourimages.com
http://free-image-hosting.org
http://www.imageshack.us
http://www.picrack.com
http://www.rishosting.com/freeimagehosting.php
http://www.imagepilot.com
http://pics.xs.to
http://uploader.unrealboards.com
http://www.uploadimages.net
http://www.imageark.net
http://www.imagetown.net
http://www.pixfiles.net/index.fr
http://www.imagehop.com/upload.php
http://www.imgspot.com
http://www.zippyimages.com
http://sigs.xs.to
http://www.auctionphotobank.com
http://www.ezimagecenter.us
http://freefilehosting.net/
http://www.imagehigh.com/
http://www.imagehosting.cc/

Here is a website where you can create an album where you can host your pictures, and more recently, videos (converted in Flash by the host)

Address : https://www.photobucket.com

Authorized formats : .bmp .jpg .gif .png .tif .swf

On a free account, you can store up to 1 GB of pictures and you have a monthly bandwidth of 10 GB. The max picture size can go up to 512 Ko. And direct-linking is authorized!

This is perfect to store buttons and logos for your forum and to store avatars, signs, creations and smileys you want to use on forums.

For each picture hosted on a photobucket album, you have three links you can use : the direct link (for logos and buttons in the admin panel), the link with HTML code (for your homepage, your portal blocks and your forum descriptions) and the link with BBCode (for your messages).


Note : When you register, check in your spam mail if you use a hotmail/msn e-mail.

Thanks for your guidance.
Appreciated.

Basic. But most are blinded by it. Guides ftw.