Portfolio images

Preparing portfolio images for your website:

• Open image in photoshop
• Re-size image to between 300 - 500 pixels wide
• 'View Actual Pixels' to see actual image size
• Save for Web (eg: titleofimage.jpeg)

Create two thumbnails for each image to use as image rollovers in dreamweaver:

• Have open the image you prepared above
• Select the marquee tool, make sure it is fixed size (100 px by 100 px)
• Using the marquee tool select an area of your image
• COPY > NEW > PASTE
• You should now have your first thumbnail
• Save for Web (eg titleofimage_t1.jpeg)

• For your second thumbnail, open the original thumbnail you created above
• Select IMAGE > ADJUSTMENTS > HUE/SATURATION
• Change the lightness to +50
• This will be your second thumbnail
• Save for Web (eg titleofimage_t2.jpeg)

For each image you plan to add to your portfolio, you should have three files:

titleofimage.jpeg (actual image, resized and saved for web)
titleofimage_t1.jpeg (first thumbnail 10opx square, original colour)
titleofimage_t2.jpeg (second thumbnail 100px square, lightness +50)

All images should be saved in the portfolio folder of you website folder.