View Full Version : Image Upload Tutorial

16-06-2009, 08:45 PM
Hello All,

Now one of the most difficult things to do is to explain how the hell you upload an image onto a website. I've always not got it when somebody says so. This article is a quick show of how to do it quite effectively and efficiently.

You will need:

1: A Photobucket account or equivalent www.photobucket.com
2: Paint.Net (www.paint.net (http://www.paint.net)) or equivalent.

Now I won't go about explaining how you install and get those products working as that isn't the reason why. But I reccomend these pieces of software because:

-Photobucket has simple software for navigation; the only downside is the ads but adblock extensions get rid of these.
-Paint.Net can allow you to resize/edit multiple images at once. This means you don't need to open/close a program constantly. It is better to edit your images BEFORE you upload them as it means the image code does not need a little excess code. There are some forums which do not accept this code and means that you can only show unedited/un resized images.

Why resize?
You should ideally resize images so people can see them without a distorted page. It also can reduce the size of the image file from a megabyte to approximately 100 kilobytes. This makes uploading much faster for yourself and viewers of your images.

For those who can't be bothered with paint.net I have included information oh how to resize using the simple paint program on a PC.

So onto the article (annotations are in the images):


I couldn't get my comp to show the "Right Click" thingy so remember to select the images (usually by shift and arrows on the keyboard for me), Right Click and select "Edit"/Open With from there.



Once you've resized a little star should show up on the image as I've underlined in the image below.


Now go to photobucket:


A new window should appear:



Something that hasn't been captured in the above screenshot: simply clicking the image code will copy the image for you. Though I think this may depend on the browser you are using.



16-06-2009, 08:52 PM
Very nicely done FH!

17-06-2009, 12:14 PM
Nice. Well done mate. I loathe PhotoBucket with a passion.

11-08-2009, 11:28 PM
Ok then I have recently begun to use Paint (yes paint) as a tool to resize.



Open the image you want to resize and click Image. Then from the dropdown list you need to then select "Resize/Skew".


A new window should open:


In the" Horizontal"/"Vertical" column you need to state a percentage and NOT the pixel size. You can already see the image here is pretty big (3648 x 2736). Imagine that at 500% size for example. You'll struggle and your computer will most likely be unable to also. So make sure to type a percentage please. I picked as shown 18% but it may vary for your images you are uploading so feel free to adjust it. Remember there is the "Undo" that can be found on "Edit"


Once you have clicked ok then your image will resize. You can only do one at a time but I've found the time spent as opposed to using paint.net is drastically reduced. To open an image into paint right click and select "Open With" then select paint. You can open as many images as you like with this and it's very fast to. Just remember to save your resizing also.

So there we go another alternative for you. ;)

18-11-2010, 11:41 PM
Ok then folks I've now updated the tutorial to acount for the new photobucket layout and so we don't see the old forum layout. I still do have those images of the old forum layout if anyone wants them for nostalgia purposes.