View Single Post
  #1 (permalink)  
Old 08-07-04, 12:54 PM
Norseman's Avatar
Norseman Norseman is offline
Senior Member
 

Join Date: Aug 2003
Location: Harstad, Norway.
Posts: 609
Norseman paddles in the seaNorseman paddles in the seaNorseman paddles in the seaNorseman paddles in the seaNorseman paddles in the seaNorseman paddles in the seaNorseman paddles in the seaNorseman paddles in the seaNorseman paddles in the seaNorseman paddles in the seaNorseman paddles in the sea
How to show off your pics. Read this tutorial first!

This is a short tutorial on how to reduce picture size for uploads on the web in general and here on YD in particular.

With today's cameras you get huge maybe 8 megapixel pictures at perhaps 5 megabyte that requires a lot of space on the computer and that consequently requires time to download for people to watch.

There are three things you want to do in order to reduce the bytewise size of the picture before uploading:

1: Change actual width and height of picture to fit the screen
2: Change the resolution, the number of "points" within the picture.
3: Change the quality of the picture.

Starting with No 1:

There is no standard screen width but most have at least set their screen resolution to at least 800 x 600 pixels. When just showing your pictures it's therefore unnecessary to make your pics bigger than that since many will then have to scroll sideways or up and down to see the whole picture. In order to upload your images to YD's own site the pics apparently cannot be wider than 650 pixels anyroads.

No 2:
The resolution is the number of dots in the pictures. On computer screens more than 72 is a waste since it won't be shown anyway. That's how a these screens work! Reducing the pixels/dots per inc (dpi) is therefore important in order to reduce the size of the image.
This is done with "Save for web" in Photoshop and I'm sure other programs as well.
Here are step 1 and 2 done at the same time:



The last step, No 3, is the one that really is going to help you. The quality of the picture is determined by the amount of "shortcuts" done by your photoeditor. Press "save as" and look for somewhere you can change the quality of the pic. Sometimes you have to press an additional "Advanced" button for the quality-option to show up.
The lower the quality, the more sets of colour dots are collapsed into just one. A normal underwater picture with not too many colours set to a width of 650 pixels will give you a size of around 40kb at 60% quality. If there are more colours, such as a wall of anenomes, you'll need to decrease the quality more in order to get all the colours to "fit" in.
Now of course at 60% the quality won't be too good but I think you'll find that the pics are more than adequate for use on the web.

Here's how it's done in ARCsoft's editor:



Uploading your pictures:

Now having resized and saved your pics, hopefully with a different name than the original so that you're ending up ruining all your originals, you can upload them either by attaching them to one of your posts using the "Manage attachments" button or by using a webhost.
I've been using www.photobucket.com for a while now and this site seems to work very well. When you've uploaded pics there you get a an [IMG]-tagged address line that can be copied and pasted directly into your post.
An image should then look a bit like this in your post:

[IMG ]http://img1.photobucket.com/albums/atckyrre/ughabugha.jpg[/IMG]

Notice the difference between the [IMG] and the [/IMG]-tag, while the last one is necessary to "close the deal" so to speak.

Please comment on the tutorial and should you have any additional inputs they will be implemented in this original post.

Kyrre
__________________
--- Hoka Hey! It is a good day to dive! ---
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote