Using images as content
Basically, there are three ways of using images as content:
1. Upload as item type 'Image' ('Add new' --> 'Images)
- Creates a folder object 'Image' which also shows up in the navigation structure
- Generates a standard view of 400px width and a link to the full-sized image
2. Upload as item type 'file' ('Add new' --> 'File')
- Creates a folder object 'file' which also shows up in the navigation structure
- Generates a download link for the full sized image, but no preview
- Recommended for high-resolution images for printing purposes
3. Upload as part of an article/page ('Insert Image' in page-editor)
- Images will show up as part of the article
- Different standard sizes are available after upload
- Images are freely resizeable (select image in editor an drag the frame)
Image size and format
Images are a nice to have feature in a website ... but if they are to large, they:
- may slow down the loading of a website to incredible looooong times
- blow up the database with to many bits and therefore make it slow in response, too.
To avoid this, you should:
- Restrict the number of images to those that are really needed: It makes no sense for the visitor to see you and your favourite bees one by one in large-scale posters ;-)
- Reduce the size of the image before uploading: An image width of 800 pixels should be enough for display. So please downsize higher resolutions. To provide a high-resolution image e.g. for printing, use the item type ‘file’ and reduce to a width of 2100 pixels (sufficient for A4 format at 300dpi). Please keep a copy of your image at highest resolution. So a later insertion is always possible, if the uploaded version turns out not to be 'nice' enough.
- Use compressed image formats: Always use the compressed image formats .jpg or .png. Uncompressed formats like .bmp or .tiff have to be converted before uploading. All common image viewer programs can do this for you. Alternatively use an online converter.
- Reduce the colour palette of diagramms: For such graphics it may be sufficient to show them in a reduced set of colours like black/white or greyscale
- Do not upload the same image several times when you need it in different places. You can include any uploaded image into other documents via the editors "image" button (the tree symbol). So there’s no need to upload it twice.