What other settings can be made for images?
Border Image and Mask Selection
Manual Fitting of Display-Sized Images
General
In Stylo, a distinction is made between images and images in borders.
If you upload an image and do not select a border, the image automatically receives a border.
In older versions, images could also be placed without borders. These objects can still be used as before. However, such images can not be specifically replaced via the ServerRenderer, and only images with borders can be cropped.
If you want to "enhance" such an image without a border and create a border, you can use the "Crop Image" function.
Images can only be proportionally enlarged or reduced with the mouse by grabbing a corner point and changing the image. The right of an image also allows for non-proportional changes 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 users is generally determined in the administration through the allowed image formats. The configuration in the permission groups can specify 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 that 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 ads would also 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 maintained. 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 then performed there. If an exceedance of the maximum value is detected, an error message is issued.
Images without Borders
Images can be resized via the grab points or the slider. An image object (without a border) cannot be replaced via the ServerRenderer, and it is not possible to assign transparency to this object. The image is cropped in this mode only by the border. 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 can be controlled and set in the settings of an image, define whether it is a placeholder image, whether a 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 borders and fitted there.
In newer versions of Stylo, a border is automatically drawn for imported objects. Only in older objects might you encounter an image without a border.
Images with Borders
If you select an image or a border, 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 border can be cropped later using the "Crop Image" function. For images that are already in a border, the selection will change when the function is chosen.
Border 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 via the icons to the right of the slider.
The meaning of the icons from left to right:
- Blue: Marking of the image border. Mask and image are moved together and resized.
- Brown: Marking of the image. The image itself can now be changed in size and position within the border.
- Green: Marking of the image mask. The image mask can be adjusted in size and position.
Selection of the Selection Using the Mouse
- Select the image (marking: blue)
- Double-click on the image – the image will be marked (marking: brown)
- Click on the edge of the cropping mask to change it (marking: green)
Manual Fitting of Display-Sized Images
In the standard mode of Stylo, you cannot drag over the display frame with the mouse. This makes positioning images problematic. The montage area helps here, significantly simplifying this process. The on and off is well shown in the following video.
Fitting
Through the context menu, the image can be adjusted in a border. To do this, 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. 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 image border. 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 image border. 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 image border. 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 Cropping Paths?
Since version 2026.7, cropping paths are also supported in Stylo. The use of cropping paths is activated via the Configurator. It can also be determined whether the paths are evaluated automatically when loading the image (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 border (rectangle) is created; if imported into an existing border, it remains. After the function has been selected, the image border changes to a polygon in the shape of the cropping 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 border.
In automatic evaluation, a polygon image border is immediately created from the cropping path. Unless you drag the image into an existing image border.
Procedure
- Import image
- Select image border
- 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.