Note: before uploading, images should be pre-saved to size, and saved to web-ready format. See more details at end of this section.
At top of editing screen, select IMAGE- A popup editing screen will appear
- Click the yellow folder to browse your computer’s hard drive for images
- The Asset Manager will appear as a pop-up
- The menu will display any files that have already been uploaded (you can preview them)
- Click [ Browse ] to find an image from your computer
- When you have selected a file, press [ upload ]
- The system will indicate that the file has been uploaded, and will show it in the file list
- Select the image you want to insert on the webpage and press [ OK ]
- You will now return to the Image Pop-Up to edit and insert the image
- The following options are available:
Alignment: (left, right) – the preview screen below shows you the effect of your changes
Spacing: You can add "padding” around the image
Title: Adds an "alternate text” label when the cursor rolls over the image
Border: Border selections include style, thickness & colour - Press [ insert ] when done
The image will now appear in your page layout. You can edit the image again, by selecting the image and "IMAGE” from the editing icons.
Tips for Sizing ImagesImages should be optimized (saved in web-friendly format) and sized correctly before uploading.
Image ResolutionImages for the web should be no more than 72 dpi.
Image sizeAs a guideline, a photo image of 350 pixels wide should be no more than 25k.
File formatsStandard image file formats for web are:
.JPG (supports millions of colours, image edges can be fuzzy, mostly used for photos)
.GIF (used for images with up to 256 colours; can have transparent areas; good for images that required crisp edges ie. logos.)
.PNG (has some advantages of both the JPG and .GIF file formats but has compatibility issues on some browsers.
Quick TIPS for Filenames
- No spaces
- Use alphanumeric characters (avoid symbols etc., hyphen – and underscore _ are OK)
- Use logical filenames
Examplesphoto 1.jpg: not a good filename because it doesn’t describe the contents of the file, and the filename contains a space
redballoon.jpg: is a good filename, as you know exactly what the file contains and the name contains no spaces
red@balloon.jpg: an invalid filename because of the symbol contained in the filename
