General
In Stylo, a distinction is made between images and images in frames.
If you upload an image and do not select a frame, the image automatically receives a frame.
In older versions, images could also be placed without a frame. These objects can still be used as before. However, such images can not be specifically replaced via the ServerRenderer, and only images with a frame can be cropped.
If you want to "enhance" such an image without a frame and create a frame, you can use the "Crop Image" function.
Images can be resized proportionally with the mouse by grabbing a corner point and changing the image. The right of an image also allows for non-proportional resizing to be enabled.
Image Formats
The following image formats can be processed in Stylo:
- JPG
- PNG
- GIF
- TIFF
- PSD
- PDF
- JPEG XL
- AVIF
- HEIC
- WEBP
Which image formats can be used by the users is generally determined in the administration via the allowed image formats. Through the configuration in the permission groups, it can be specified which image formats are uploadable.
What other settings can be made for images?
Image Formats
In the Administration under "Image," it can be specified which image formats are allowed to be loaded into Stylo. Formats that are excluded from upload at this point will also not be considered in pool galleries. In this example, a GIF or a PSD passed from an advertising system as a gallery element would not be displayed in Stylo and thus could not be uploaded. Loading such elements into existing advertisements would likely be problematic, which is why we advise caution. If you want to prohibit end users from using these formats, the next paragraph would be of interest to you.
In the Configurator , it can be specified which images are allowed for upload for a user group.
Resolution
Through the Administration , it can be set whether a resolution monitoring should take place and if so, with which values. If this is activated (by entering monitoring values greater than 0), the effective image size is considered and not the value that may be noted in the file.
The minimum image resolution must be adhered to. If the threshold is undershot, a prohibition sign will be displayed above the image (see the example below the paragraph). If the warning threshold is undershot, an exclamation mark on a yellow background will be displayed.
The information is passed to the leading system so that it can take appropriate measures through plausibility checks.
File Size for Uploads
Through the Administration , it can also be determined which file size is allowed for an upload. The size is specified in kilobytes.
The image is first uploaded to the server, and a check is performed there. If an exceeding of the maximum value is detected, an error message is issued.
Images without Frames
Images can be resized via the grab points or the slider. An image object (without a frame) cannot be replaced via the ServerRenderer, and it is not possible to assign transparency to this object. In this mode, the image is only cropped by the frame. If you want to crop an image, select the "Crop Image" function from the context menu.
In addition to the normal settings, the scaling factor of an image can be controlled and set in the image settings, define whether it is a placeholder image, whether direct upload should be allowed, or whether contour sets are permitted. If you assign the image a "Growing Height," the image will be distorted in height. Growing images should always be placed in frames and fitted there.
In newer versions of Stylo, a frame is automatically drawn for imported objects. Only in older objects might you encounter an image without a frame.
Images with Frames
If you select an image or a frame, the image will be marked and can be moved within the display with the left mouse button.
Crop Image
Through the context menu, an imported image that was not imported into a frame can be cropped later using the "Crop Image" function. For images that are already in a frame, the selection will change when the function is chosen.
Frame-Image and Mask Selection
The Floating Toolbox is displayed on the image with a slider.
The minimum value for scaling via the slider is specified in the Stylo administration by the value for the maximum image resolution. If this value is not defined, the reduction of the image is limited to a minimum value of 5 percent. The maximum value for scaling via the slider is specified in the Stylo administration by the value for the minimum image resolution. If this value is not defined, the enlargement of the image is limited to a maximum value of 400 percent.
The selection is made using the icons to the right of the slider.
The meaning of the icons from left to right:
- Blue: Marking of the frame. Mask and image are moved together and resized.
- Brown: Marking of the image. Now the image itself can be changed in size and position within the frame.
- Green: Marking of the image mask. The image mask can be adjusted in size and position.
Fit
Through the context menu, the image can be adjusted in a frame. The image must have been selected using the selection mode "Image."
This is a manual process that overrides the automation from the properties menu.
Frame-Filling
The image size is changed proportionally so that the cropping object is completely filled. The image height or width matches the cropping object. The protruding part is centered to the cropping object.
Proportional
The image size is adjusted proportionally to the cropping object. The remaining space in height or width is centered to the cropping object.
Non-Proportional
The image is fitted into the specified frame. The image can also be distorted.
Top Centered
The image size is changed proportionally so that the cropping object is completely filled. However, the image is positioned with its top edge at the top edge of the mask.
Align
With this dialog, images can be aligned within the frame. The specifications always refer to the image position within the cropping area. Vertical and horizontal spacing act additively to the position specifications in horizontal and vertical. Images can also be aligned relatively within their frame. To do this, the "Anchor" checkbox must be activated.
Basically, the functionality corresponds to that of the Align Dialog of the program.
Does Stylo support Photoshop Clipping Paths?
Since version 2026.7, clipping paths are also supported in Stylo. The use of clipping paths is activated via the Configurator. It can also be determined whether the paths are evaluated automatically when the image is loaded (upload or gallery).
The function is only displayed in the context menu if an image also uses a path.
Paths are read from JPEGs, PSDs, and TIFFs.
Behavior
Here, a distinction must be made between the manual and automatic handling of image paths.
In the manual way, the "Output Image Path" function must be selected from the context menu in any case. When importing, a normal image frame (rectangle) is created; if you import into an existing frame, it remains. After the function has been selected, the image frame changes to a polygon in the shape of the clipping path. The path can be changed using the polygon tools.
Once the action has been performed, the cropped image cannot be placed in another image frame.
In automatic evaluation, a polygon image frame is immediately created from the clipping path unless the image is dragged into an existing image frame.
Procedure
- Import image
- Select image frame
- Open context menu (right mouse button usually)
- Select "Evaluate Image Path" function
Examples
Manual Activation:
Automatic Activation:
Comments
0 comments
Please sign in to leave a comment.