There are different saving formats for images. You can save an image with its current filename, location, and format or with a different filename, location, format, and options.
Saving for Web
Image size is very important when you save it for web. Save for web -feature is good for making JPEGs, GIFs or PNGs at 72 dpi, the standard image formats for web pages, and is good for emailing images. Commonly used formats for web images/photos are JPEG and PNG and for graphic images GIF.
Image on the left is a typical GIF-image and the one in the right a typical JPEG-image.
GIF - when you choose to save your image in GIF format, you will be able to choose how many colors (max. 256) you want to use in the image. One of the advantages of saving image in GIF-format is its small image size. You can lower the size of GIF images by reducing the number of colors in the file. GIF-format is also the way you get a transparent background to a graphic. Transparent background in images is often needed in web pages, however, this format does not support alpha channels.
When you save an image in GIF-format using Adobe Photoshop choose File/Save for Web
In this dialog box you can choose for example how many colors you want to use, image format, image size, transparency, interlaced, preview image ect.
Because this format supports only 256 colors, it is most suitable for line art, text, or images like illustrations with flat areas of color, rather than photos or images with many colors or gradient fills.
JPEG – this format is commonly used when you save a photo for web pages. JPEG-format supports CMYK, RGB, and Grayscale color modes, and does not support alpha channels. Unlike GIF format, JPEG retains all color information in an RGB image but compresses file size by selectively discarding data.
To save an image for web in JPEG-format using Adobe Photoshop click File/Save for web
You will get this next dialog box for Save for Web:
PNG – this format is not yet supported by all browsers, however support is growing all the time. More information about browser support: Browsers with PNG Support. This format supports millions of colors, lossless compression, and transparency. PNG-format has three main advantages over GIF and they are:
This format supports three main image types:
There are two kinds of PNG-formats and they are PNG-8 and PNG-24. These are similar to GIF and JPEG in terms of how they are used.
To save an image for web in PNG-format by using Adobe Photoshop click File/Save for web
In this dialog box you can choose for example how many colors you want to use, image format, image size, transparency, interlased, preview image ect.
When you save an image for web notice next tips:
Photoshop Help (can be found from PhotoShop 7.0 toolbar, Help/PhotoShop Help...)
More on save for web:
Learning Object is produced by eSkills -project.