Hello and welcome to the 'Photo-a-Day & Photography' forum. Below is a guide on how to post photos but before starting on that subject, some general rules:

********************
1. The greatest dimension (height or width) of a displayed photo should be no more than 640 pixels.

2. A link to a larger version of the displayed 640 pixel photo can be included in a post.

3. A link in to a second photo can be included in a post if it is related to the one displayed.

4. Post only one photo per day in the following threads:

* Photo-a-Day.
* Image Art.

5. Post only one photo per week in the 'themed' thread.

6. Photos displayed or linked to in 'Photo-a-Day' and 'Themes' must have been taken by yourself.

7. People should not be the subjects of photos. Where it is not possible to keep people out of photos because buildings/places are never free of them, they should be kept in the background as much as possible (no recognisable features).

8. Post photos by adding to the current threads. No need to start a new one.

9. No photos posted in advance because of going away (avoids multiple photos in one post, or more than one photo a day being displayed in separate posts).

10. No 'off-site' smilies or other non-photo content. Use only smilies available in the forum's 'Instant Graemlins' list.

11. The rule about not displaying any images in posts still applies elsewhere in the FunTrivia Forums with the exception of the 'Craft Circle Photo Gallery'. Photos relevant to that subject can be posted there.

That's the official bit, now how to post photos. Many thanks.

********************

For the photo threads to run properly, consideration needs to be given to the physical size and file size of images posted. As mentioned above, the greatest dimension (height or width) of a photo should be no more than 640 pixels.

As a guide of what that might look like, take a look at avatars. These have a maximum size of 80 pixels. Those using PhotoBucket to host their images have access to an option that can resize photos to 640 pixels (see below). This is just about right for displaying photos in the forum and why this size has been chosen. It fits well in the page while still displaying enough detail.

There may be times when 640 pixels isn't large enough to do justice to the detail of a photograph. Should this be the case, a link can be placed in the post that leads to a larger version of it. This would involve having two copies of the photo. A 640 pixel sized one for display in the forum and a larger one (no more than 800 pixels recommended) for being just linked to. Both would need different file names for the purpose. For instance: myphoto-small.jpg and myphoto-large.jpg. Alternatively, there's always the option of only a link to a large photo with no smaller one displayed in the forum at all.

Reasons why photographs in web pages need to be kept a reasonable size:

* Very large images really just plain look too big.

* Large images means large file sizes. Those on slower connection speeds (especially dial-up) are going to wait a long time for a pageful of photos to load.

* A large file size means that you may reach any download limit quickly. Free accounts with image hosting sites usually have a monthly bandwidth limit. If this is exceeded, it may be that all images in your account will not be viewable until the month after the current one. Best to check the bandwidth usage limits of your image hosting service.

* Anyone viewing your photo for the first time is downloading it into the cache of their computer. This also applies to viewing a photo by clicking on a link. Whichever way it is viewed, some bandwidth will be drawn from where the photo is stored or hosted. With normal browser settings, this doesn't apply if anyone views the photo(s) for the second time. It's already downloaded into cache and the browser will display it from there. However, if the browser cache has been emptied, the photo file will be downloaded from the hosting site again.

So, if you want to display images on the Web, resizing them is a worthwhile operation. Cut the physical size down and keep the D.P.I setting to 72. These settings determine the photo's file size. Hopefully, the file size will end up being about 100 kilobytes. This is always a good figure to aim for when displaying images on the web. Less is better but the quality of the photo will suffer if you go too far.

Those using their own web space (perhaps provided by the ISP) to store images will need to edit the size of photos to 640 pixels (or near that) with a photo editing program before uploading them. There are many editing programs but a one worth a mention is IrfanView. This free (for home use) program can down-size photos, which subsequently reduces the file sizes. Anyone deciding to install IrfanView, should read the options during installation. By default, the 'Google Destop Search' also gets installed. Untick the box when the option is shown if you don't want this.

How to reduce photo sizes for web page display using IrfanView:

* Open the photo.
* In the top menu, go to: 'Image > Resize/Resample'.
* In the dialogue box that opens, set the DPI to '72'.
* Make sure the 'Preserve aspect ratio' box is ticked.
* Set the greatest dimension of the photo to '640' pixels (allow the other dimension to adjust itself).
* Click OK and the photo will resize.
* In the top menu, go to: 'File > Save as'.
* Two boxes will appear.
* Select a file name for the photo and set the location of where you'd like to save the photo (Desktop is good).
* Choose 'JPG-JPEG Files' in the 'Save as type' box.
* In the grey box, set the slider to about '75'. This will give a reasonable file size consistent with a good quality picture.
* Click the 'Save' button in the other box.
* Go to the resulting photo file on the Desktop.
* Right-click on it and go to 'Properties'. The file size will be shown.

Other photo editing programs should work in a similar way. Examine the program's menus.

How to resize photos and upload them from the computer to your Photobucket account.

Go to Photobucket and look out for a drop-down option box just below the 'Choose files' button. Click the down arrow on the box and select '640 x 480 (Large)'. Now, when you upload a photo from your computer to Photobucket, the image size should be automatically reduced to 640 x 480 pixels. 640 pixels (height or width) is the maximum dimension allowed in the forum.

It doesn't matter if the lesser dimension turns out to be something more than than 480 pixels providing it doesn't go above the 640 pixel limit. It also doesn't matter if photos posted in the forum are smaller than that.

Photos can be edited once they are uploaded to Photobucket too:

* Above the thumbnails of your Photobucket photos, are options to: move | edit | share | delete.
* Click the 'edit' option above the photo you want to display in the forum.
* When the photo opens, choose the 'Resize' option (above the photo).
* Set the size using the height or width slider until the greatest dimension is 640 pixels or less. The other dimension will vary in proportion automatically. Alternatively, type the size into the boxes provided. With either method, make sure the 'Keep Proportions' box remains ticked. Click OK when done.
* The photo will resize.
* To the right of the resized photo, there is a line that says: IMG Code - Forums & Bulletin Boards.
* Left click on the line below that one to select it.
* Right-click to copy the link to your photo onto the computer's Clipboard.
* Go to your FunTrivia post.
* Place the mouse cursor in the post writing box.
* Right-click the mouse and choose 'paste' to place the link to your photo into the post.
* Write a few words about the photo above or below it but allow one blank line between the photo and the writing.
* Preview the post and if OK, post it.

Resized photo still looks too big in the forum?

What can sometimes happen is that a photo looks too big when posted and resizing it doesn't appear to make any difference. If this occurs, try refreshing the forum page before going further (*also see note below). Even though the image has now been correctly sized, the browser will still display the larger photo that has been downloaded into its cache. A page refresh will make the browser re-download the the resized (smaller) image and display this one instead. This will also apply to anyone who has viewed the image before it was correctly sized. If it appears that nothing has been done about an oversized photo, try a page refresh. It may well have been sorted out.

*Note: If clicking the refresh alone doesn't work, keep the keyboard's 'Control' button held down while refreshing the page.

If a photo placed in a post really is too big, we will need to download it and reduce the size. Once this has been done, it will be uploaded to a FunTrivia PhotoBucket account. Then it's just a matter of altering the link in the post to point to the new (smaller) photo. This probably won't be necessary very often as I'm sure members will soon get the hang of sizing photos to requirements before placing them in posts.

Image tags.

For an image to display in a post, it is necessary to make sure that 'image tags' ([img]-[/img]) are placed at either end of the image's URL. PhotoBucket adds these tags automatically. If the image is stored at some other remote location, the tags will need adding when the URL is placed in a post. For instance the URL below:
Code:
http://--image location--name.jpg

needs to look like this:

[img]http://--image location--name.jpg[/img]


Broken links:

Photos will only display in the forum if the links (or paths) to where they are situated on the Internet remain unchanged. If photos are re-organised in your Internet photo album (PhotoBucket for instance), photos will then not display. Links in your posts will no longer lead to photos if the photos have been moved. It's therefore best never to move photos once they are displayed in the forum.

***************

Don't let all this put you off posting photos. People post images on the web all the time with no problems. However, it is necessary to consider the above when placing images in web pages.

Thanks


Edited by tellywellies (Mon Feb 09 2009 11:09 AM)