Add images to a webpage with OmniUpdate

Format types

Images can be photos or illustrations. If they are photos, they should be in .jpg format. If they are drawings or illustrations which do not have the same gradations of color that photos do, they must be in .png or .gif format. Otherwise they will have poor resolution.

File sizes and image sizes

Images can be really large files (MB range). For the web, image files should be 100 kB - 200 kB at most. Otherwise they are slow and problematic to display, especially for users with a slower internet connection, older computer, etc.

The image width and height must be sized appropriately for the web page. Images need to be less than 650 pixels in width. The height is less important, but it is difficult to view an image more than 650 pixels in height without zooming out the browser.

Uploading images from your computer

Displaying images on your website is a two-step process.

  1. First upload the image from your computer to OmniUpdate. Learn how to upload files here.
  2. Then place it in the webpage.

Placing images in the webpage

Go to the page you want the image in, insert your cursor at the spot where you want the image, and click on the ‘Insert/Edit Image’ button:
demo how to upload images

A window opens. Click on the Browse button to find the uploaded image:
demo how to upload images

Click on the appropriate directory and then click the filename so that it is bolded. Click on ‘Select File’:
demo how to upload images

The filename appears in the 'Image URL' box. Provide an Image Description that will identify the image for people accessing the page using screen readers or equipment for the vision impaired. Type in the Image Description box and click the 'Insert' button:
demo how to upload images

The image appears in the webpage:
demo how to upload images

To edit the image again, in Edit mode, click to highlight it, then click the ‘Insert/Edit Image’ button:
demo how to upload images

In this window there is also an ‘Appearance’ tab to select:
demo how to upload images

If desired, adjust the alignment of the image here:
demo how to upload images

You can also change the image dimensions. In general, keep the ‘constrain proportions’ box checked to avoid image distortion. Edit the first number, click 'tab' on the keyboard, and the second number will be automatically constrained:
demo how to upload images

Click ‘Update’. Then save the page and publish as usual.


Share this page on: