Preset Sizes for Images

The Image Editor is used when working with images in EPiServer CMS. Images can be cropped, resized and transformed with the Image Editor. When resizing images it is possible to configure preset sizes so that editors can easily select the correct size for their image on a web page. The preset values are configured in the episerver.config file.

You can choose to change the preset sizes or add more sizes in the episerver.config file. The easiest way to add more sizes is to copy an already existing row, for example <present width=”64” height=”64” /> and place it before the end tag </sizePresets>. Change the sizes for width and height and save the episerver.config file.

The following excerpt from episerver.config is the settings from a standard installation of EPiServer CMS. These settings result in the

<imageEditor windowWidth="900" windowHeight="600" enabled="true">
  <sizePresets>
    <preset width="320" height="240" />
    <preset width="640" height="480" />
  </sizePresets>
</imageEditor>