Optimizing Images for the Web
Digital photos come in a wide variety of shapes and sizes from a number of sources. Two of the most common sources for images are digital cameras and scanners, but you may also find yourself in possession of a high-resolution logo or other type of graphic that you would like to use on your web page. In any case, these images are often much larger than you need or want them to be, and even though Ingeniux gives you the ability to scale your images down, they are still going to download as if they were those original full-screen images you saved from your camera. That's where Photoshop comes in.
- Launch Photoshop and open your image.
- From the "Image" menu, choose "Image Size", and in the "Pixel Dimensions" section of the next box, enter the width and height.* Click OK.
- From the “File” menu, chose “Save for Web” or “Save for Web and Other Devices”. As a starting point, try experimenting with the "Preset" drop-down menu on the right to see if you can get satisfactory results, i.e. a low file size without sacrificing too much quality. If not, you may have to adjust some of the other settings. You will want to choose one of the "JPEG" options for photos, while the "GIF" options will often give you better results for logos, drawings, etc.
- Click "Save", and save the file on your computer or in your network space.
- Upload your file into Ingeniux and place it on your page.
* A few notes about Image Size
- When resizing an image in Photoshop, a good size for a page image is 225 or 250 pixels wide.
- If you want your image to fill the entire width of the page, make it 585 pixels wide.
- If you're using the image in a Featurette, make the image no more than 285 pixels wide.