Monday, June 21, 2010

Making Images Web Ready

To make an image web friendly, one must change a few things about the image. One change that can be made is using a transparent background. If the image is not square with a white background, you may want to save the file as a gif image to get a transparent background. The transparent background will allow the color of your website to show through as oppose to a white "box" around the image.
Another change is making sure you have used web friendly colors as described in the reading response post. Web friendly colors ensure that your image will look the same regardless of what computer it is viewed on.
When saving an image for the web, Photoshop will tell you the file size and how long it will take to download. Keeping this number small is important so that users will not have to wait long to see the image and so that you can keep within your allotted web space.
An image that is going to be seen on the web should be saved in either 72ppi or 96ppi. These two resolutions will show the image best on a website. These resolutions also keep the image in perspective to the web page.
Keeping the image small is important because you would not want a huge image showing up on your website. Large images are obnoxious and out of place between text. Crop essential parts of the picture and discard the unnecessary. If a large image of sky and an airplane is compressed, the airplane will be hardly visible. Cropping the airplane gets rid of the unneeded sky and will let the airplane be the visible focal point.

No comments:

Post a Comment