Appendix 2: Image Preparation

Images must be in .gif, .jpg, .png or .bmp format.
The most common ones we use are .jpg and .gif.

.jpg is jpeg format which is the most common format for a static image.
.gif is a gif format which is most common for images with slight animation.

Tip:

To prepare a jpg image

Step 1: Open a new document in an image processing software such as Adobe Photoshop, Photoshop Elements, Paint (from your computer Accessories), etc.

Step 2: From the image source, which can include digital camera, Word document, Adobe document; copy the image and paste it into the new document.

Step 3: Adjust the image to the size you need.

Step 4A: If the "Save for Web..." option is available, save the image as "jpeg medium".
OR
Step 4B: Save the image using "Save As…" if "Save for Web…" is not available.

Tip:
Size of image

Ways to know the size of the image:

  1. On the backend, you can click on existing images and click the Insert/Edit Image icon to see the size dimensions.
  2. Or on the frontend, you can right click on existing images and a menu list will appear. Click on 'Properties' to see the size dimensions.
  3. Or on the frontend, the width of the whole website is usually 900 – 1000 pixels. Use this width as a rough guide to size your image.