Images

Sandvox can make extensive use of images throughout your site.

File Formats

Sandvox ensures that all images in your site are of one of these three formats:

JPEG
JPEG images are compressed (to make viewing your site quicker) and are great for photographs, but can sometimes lose some detail. All web browsers fully support JPEG images. JPEGs do not support transparency.
PNG
PNG images are slightly compressed, but do not lose any quality. They fully support transparency, but Internet Explorer (versions before 7) may experience problems handling this.
GIF
GIF images are compressed but can only handle a limited number of colors (making them unsuitable for photos). GIF images also allow for basic animation.

General Settings for All Images

General image settings are found in under the Document Inspector under the Appearance tab.

The "sharpening" slider determines how much sharpening effect will be applied to photos after they are resized. You might be tempted to set this to "sharpest" but for most purposes a moderate sharpening effect is best.

If you have selected JPEG for your photo format, the quality (compression level) can be set for the JPEG images.

A high quality will result in better images, but larger file sizes (and therefore longer page loading times). A lower quality will give smaller files and quicker load times.

Individual Image Settings

Individual image settings are found in the Object Inspector, once you have selected an image. Click the "Choose…" button to select a different media file.

You can select which format to publish the image as. See above for information on the basic differences between the formats.

The size of the image can be adjusted from the Metrics Inspector.

Linking to Larger Images

Independent of which photo image size you set, you can still link to a larger, full-size version of your image.

To link to the original, full-size image:

  1. Select the image
  2. Open the Link Inspector
  3. From the "Link To" popup, select "Full-size image"

Cat image courtesy of stock.xchng


Keywords: image, images, graphic, graphics, photo, photos, picture, pictures, gif, gifs, .gif, png, pngs, .png, jpeg, jpegs, .jpeg, jpg, jpgs, .jpg, psd, .psd, photoshop, shop, animation, animate, animated, animates, tif, tiff

How can we improve this page? Let us know.