NOTE: On the web, images will always be viewed 72 DPI. It is important to think of image size as purely in terms of pixel dimensions. Keep it in mind that many users’ computer screens are still set to 800 x 600 pixels, size your design and images in relation to that scale.
Resize the image: Open the image in Photoshop Under Image, click Image Size Make size adjustments under Pixel Dimensions
Optimize the image Under File, Click Save for Web Click Optimized tab Choose between JPEG or GIF JPEG – use for a photographic image. GIF – use for color graphic (think comics) Adjust Quality to lowest point without compromising image quality. Hit Save
KEEP IN MIND: IMAGES ARE COSTLY TO YOUR WEBSITE IN TERMS OF FILE SIZE/DOWNLOAD TIME. THE LARGER THE FILE, THE LONGER TO LOAD, THE LESS PATIENT THE END USER!
As soon as you start to work on your images, you should save them in a General Site folder, and within that site folder, inside an image folder. When creating a website it is imperative that you are organized. Below is a typical “Site”. A Site folder, this one called ‘Summer’, holds one image folder and a number of HTML files. These HTML files will link to one another and link to images in the images folder. If the files get moved out of the site folder or images folder, your links will break and your site will not work right.