Getting Started with Paligo

Editing an Image

To work with images you have already added in a topic, you have the following possibilities:

  1. Set the width of the image:

    Click the image to select it, and set properties for it in the Element attributes pane on the right, for example to set the width:

    There are two different width attributes:

    width: The most commonly used attribute for width. The default unit for image width is px, so if you'd set just a value but not specifying a unit, it would be in pixels, but you can also use other units such as mm, cm or in

    As the width attribute sets the width of the "viewport", if you use a percentage value, it sets the width as a percentage of the space available on the page. 

    contentwidth: This sets the width of the image itself, rather than the viewport. This can be somewhat harder to control, but can be useful in many cases. If you use a percentage, it sets the width as a percentage of intrinsic size of the actual image, not the space on the page.

    You can of course also set the height of the image if you want, but in most cases it's easier to just set the width to keep the size proportional. If you do want to set the height as well, it's called depth in the content model. There are several other attributes to control width, height, etc. If you want to learn more about the possibilities, please see Image sizing for a full reference.

  2. To view and edit properties or replace an image, right-click the image, and either

    • select Edit properties to see the image object properties, replace the image itself in the Image library (replacing it everywhere it's reused), or

    • select Image browser, to search or browse for other images to replace it with.

    You can also double-click the image to open the Image browser.