โ๏ธ Image Crop Tool
Frame, rotate and resize a picture before LibreFolio stores it.
๐ฏ When Does It Appear?
- ๐ค Profile picture โ in Profile or on the Welcome page: in the image picker, choose Upload and pick an image.
- ๐ฆ Broker icon and ๐ asset icon โ the same picker, from the broker or the asset form.
- ๐ Files page โ add images to the upload list, then click the โ๏ธ Edit button of an image.
โ๏ธ Frame the Picture
- ๐ Drag a corner or a side of the crop area to resize it, its inside to move it, the outside to move the picture. The crop area always stays inside the picture.
- ๐ Zoom with the mouse wheel or + / โ โ the crop area tightens (or widens) first, then the picture zooms โ or pinch on a touch screen.
- ๐ Rotate 15ยฐ at a time with โบ / โป, and ๐ช flip with โ / โ.
- ๐๏ธ The eye button on the left toggles a round preview: how the picture looks in a circle, like your avatar in the sidebar.
- ๐ Reset All (top right) undoes the crop, zoom, rotation and flip.
๐ Presets
| Preset | Output size | Shape |
|---|---|---|
| Avatar | 200 ร 200 px | Square, round preview on |
| Icon | 64 ร 64 px | Square, round preview on |
| Custom | Same as the crop area | Free, or a ratio of your choice: 1:1, 16:9, 4:3, 3:4 |
Profile pictures open with Avatar, broker icons with Icon and Files-page images with Custom; asset icons are cut square at 256 ร 256 px. You can switch preset at any time.
โ๏ธ Output Settings
- ๐จ Format โ
.png(lossless, keeps transparency),.jpg(smaller, no transparency) or.webp(best compression), next to the file name, which you can also change. A.jpgor.webppicture keeps its format; anything else starts as.png. - ๐ Quality (
.jpgand.webponly) โ โ / + in steps of 10%, from 10% to 100%: lower quality means a smaller file. - ๐ Output โ width ร height in pixels, set by the preset but editable. The two stay in proportion with the crop area, and you can't set them larger than it; Scale sets both at once.
โ Confirm or Cancel
- Crop & Upload saves the picture and uses it. On the Files page, Crop puts it in the upload list instead (Restore original โบ brings the original back), and Upload sends the list.
- Cancel or โ closes the tool โ after asking, if you have unsaved changes (Discard & Close). From the image picker, you go back to the picker.
๐ Non-image files โ on the Files page
A PDF, a CSV or any other non-image file has no crop step: its โ๏ธ button opens a simple Rename dialog instead.
๐ Related
- ๐ ๏ธ File Upload & Media Components โ How the tool is built (for developers)