Image requirements for your website.

Format

Your photos must be in JPEG, GIF or PNG format before you upload them.  JPEG is the best format for photos. You should be able to change most other image types by opening the file, then clicking save as from the file menu. 

Filesize

The filesize of your photo file should be less than 100k. You can check the filesize by right clicking the file and clicking view properties...

Note 1 meg is bigger than 100k. If you see the word megabytes, then your image is far too big... The average size taken by digital cameras is normally around 250-400 kilobytes. You should use your lowest settings on your camera, or VGA settings... Otherwise you will need to compress these images before you can upload them to the web... You can do this after you have uploaded them also, but a large file size will make it take ages to upload.

Dimensions

You can also check this if you right click on a photo file and then click "view properties".

Full Width Banners where the template stretches the full width of the browser  - 1600px wide.

Base Thumbnails for use on standard pages 320x320 pixels or 480x480px.

For product images that are to be opened in a popup 900px gives a good balance between download size /speed and viewing detail.

Full-width images on templates can range from 980px for older websites up to 1600px for newer templates.

Upload Errors

If your photos are not in the right format or size, they may be too big to upload to the content management system or they will make your website run slowly.

More From This Section

Here are the correct file formats and sizing requirements for uploading images to your website.
The stylemodal popup provides some information about the size of your uploaded image and its size in the website
The crop image wizard can help you to crop the display area of a set of images at once for image dimension uniformity.
By default images scale to fit the available column width, but if your image is smaller than the available area you can disable the scaling using the crop icon.
You can use the cropping engine when uploading or editing an image to permanently crop the image to a fixed height and width
With the Drag-drop and Contentbox editors you can add a colour overlay to your image.
As well as image size warnings that appear when using the Crop/resize Image wizard. The system provides warnings of oversized content when using the CMS.
One option to reduce the file size of large images is to resize them. This will not crop the image only change the dimensions/quality of the image.
Why are my thumbnail images so blurry? This depends on your website template, and layout chosen, along with thumbnail settings.
You can add alt text via the SEO area of the Style Editor popup
Here is how to add alt text to images when using the TINYMCE editor.
Banner images set via the DESIGN > BANNER area can have Alt-text applied.
It is possible to have the text wrap around images in the Drag-drop and Contentbox editors.

FAQ Topics

Search for help:

> Home