Image Editor - Giving the power of image editing to your users
BusinessWoman
Editing images for the web made easy
From day one the Contensis Image Editor functionality has played a big part in the ability of content contributors to manage, crop and edit images easily. Nearly always, when you want to publish that news article, you have an image that is 100Mb that has been sent in print-ready format directly from a digital camera or a design agency. In Contensis this is not a problem.
This screenshot shows the options available when dragging an image into an image placeholder in the WYSIWYG editor.
If you want you can simply drag and drop the image into a placeholder and it will resize to the constraints of the placeholder automatically or you can choose to use an existing version or edit and crop the image.
We have provided a screenshot below of the dialogue that appears when you have dragged and dropped that 100Mb image into a placeholder.
The constraints shown have been set by the person creating the template. In this case the image was a high res image inserted in the banner area above.
If you choose, you can edit the image, which will open up the Image Editor and give you a host of options, which are explained below.
This screenshot shows the Image Editor being used to crop an image
Cropping
Cropping in the Image Editor couldn't be easier, all you need do is simply click the start and finish point of the crop.
If you want a precise pixel size then the you can simply adjust the size using the crop options as appropriate.
If you hold the Shift key down whilst cropping it will keep the crop in a square, another useful feature when you need a square image without any hassle.
If you are using the Image Editor because you have dragged an image into a pre-sized placeholder, then the crop will only go to the maximum dimensions of the placeholder so you just can’t insert it too big.
The idea is to keep it simple for the end user. If we have a precise 100x104 pixel box to fit an image into on the homepage users can insert it in seconds even if the original image was a completely different dimension.
Re-Sizing
Re-Sizing is achieved using either the Width/Height textboxes or using the slider control. Again, if you are creating an image for a pre-set placeholder, the maximum size will be limited for you automatically.
This screenshot shows the various effects available when editing an image
Sometimes it is useful to apply effects to images,
Most of the time effects will not need to be applied to images, but if you want them we have them.
Image effects can be useful when creating an image variation, although the most regularly used feature is probably the Grey Scale options.
Any of the effects can be previewed, and more than one effect can be applied at the same time.
Image Effects
-
Gausian Blur
-
Mean Removal
-
Sharpen
Save Options
Typically, images will be saved as JPEGs with 80% quality, but if you choose you can save as GIF or PNG too. The quality of JPEGs can be modified just by adjusting the value in the textbox. When editing PNGs the transparency is maintained.
Preview
At any point you can preview changes in the image editor by simply hitting the Preview option.
This screenshot shows how multiple size versions and altered versions are stored in Contensis
Creating Variations and Master Images
When you edit images in Contensis you are never editing the original - this is always left as-is and sub-versions are created.
You can see from the screenshot that an image can have various size versions, and altered versions.
Size versions are identical to the original except a different size has been created.
Altered versions have had cropping and effects applied.