Working with images

Brand Toolbox Rich Text Editor Images button  To display images on a page, they must first be stored on the web server.

Unlike many other computer applications, a web page does not embed images. Instead, it uses a link to the image and location on the web server upon which the image is stored. This means that if you delete an image from the web server it will also disappear from the page.

For a variety of reasons, some visitors will not be able to see the images on your website. It is also common that many people disable the display of images when browsing the web, if their internet connection is slow. People who are visually impaired can ‘read’ web pages using various accessibility tools; however, images are often difficult to ‘read’. So that both these groups of people can understand what an image represents, it is important to provide a text option where the image is described in words. You enter the description of the image in the ‘Name’ field.

Inserting an image from the Media library

  1. Place the cursor in the editor where you want to insert your image.
  2. Click the Insert/Edit Image button from the toolbar to open the image properties dialog box.
  3. Select an image from the Choose tab to insert.
  4. In the Name field, enter a name/description for the image. By default the name of the file will be automatically entered for your convenience.
  5. The image dimensions are automatically included when linking/adding an image. If the image is larger than the column width, it will be constrained to the column width (usually 630px or 300px, depending on whether you are using a 1col or 2col template). You can change the size by entering a Width or Height in the provided fields. The image will maintain its aspect ratio, so there is no need to enter both values.
  6. Click Insert to add the image.

    Brand Toolbox Insert Image onto page

Inserting an image from your computer

  1. Place the cursor in the editor where you want to insert your image.
  2. Click the Insert/Edit Image button from the toolbar to open the image properties dialog box.
  3. Click the Create New tab.
  4. In the Name field, enter a name for the image.
  5. In the File field, choose a file to upload by clicking the Choose File button and selecting the file to be uploaded from your desktop.
  6. In the Save at... field, choose a location within the Media folder to upload the image to by clicking the Choose... link and selecting the appropriate folder.
  7. Click Save to upload the image to the Media library.
  8. Click Insert to add the image to your page.

    Brand Toolbox Insert Image from your Computer

Deleting an Image from the page

If you want to delete an image from the page, simply select the image and press Delete. The image disappears from the page but is not deleted from the web server.

Free
demo