Inserting Pictures

It is not recommended to insert pictures using common image file formats such as JPEG or PNG, due to the lack of resolution when zooming, but more importantly because it will negatively affect performance of the WebHMI for the operator by creating large graphic file sizes.

When you add an image, the actual image is saved with the graphic. That is, the image is not linked into the graphic. Pasted components and graphics will be saved as .gif, .jpg, or .png files.

Reducing image size

Inserting images put a heavy load on graphics handling and is not recommended.

To minimize system load, reduce size and color depth of the images before inserting them into a graphic.

• Use TGML to create graphics.
• Use an image editor to resize the image to the size required in the graphic.
• If you use the .jpg format, the image can be compressed to a quality of 60% without any adverse effects on the appearance.
• If you want to use transparency, you should add it to the original image. This can be done if you use the .png format.

To insert an image:

1. Graphics Editor > Layers pane > select the layer where you want to add the picture.
2. Drawing toolbar > Insert Picture.

   NOTE: You can paste any picture residing on the clipboard to the work area. You can also drag pictures to the work area.

3. In the work area, click where you want to locate the upper-left corner of the picture.
4. Select the picture you want to insert into the graphic.
5. On the Drawing toolbar, click Select.
6. In the Properties pane, in the Name box, type the name of the picture.
   

   NOTE: You only need to name the drawing object if you will be binding the object. Naming the object now will help you identify the object later.

7. On the Options toolbar or in the Properties pane, adjust the appearance of the picture.
8. On the File menu, click Save.