Cropping images before uploading and highres images

The importing, item moving and particular browsing views bring up a cropping tool, which allows you to (locally) edit images uploaded to the server by cropping out the unnecessary areas. The actual scaling of images to different sizes is done on the server. The image cropping tool can be accessed by holding down the Ctrl key when drag'n'dropping images to the upload dropzone (the bordered area which has label "Upload") or when changing a single image. That will open a modal window which has two different Upload buttons, one of which instructs server to use medium size (640 pixels wide) as the maximum image size for the selected images. Images are uploaded to the server using a progress indicator.

When uploaded new images or when updating an existing one, pressing the Shift key at the beginning of the upload gives a signal that you wish to get original images scaled to highres versions, also, i.e. 1600 pixels wide (if the original image is at least that wide).

The 1600 pixels is the maximum width at which an image can be viewed in a public work, but in reality the transferred image has also been scaled to a slightly larger size when possible, just in case there was not enough interest to crop the images at the time of transfer. Later cropping of an image can be enabled by Ctrl-clicking on any image in the image list, which opens a modal window with only image re-cropping and saving functions. As in the Large Preview modal window, the left/right arrows can be used to select the next/previous image. This functionality is available in the 'Browse specific types' view, as well as in the 'Experimental' view, which is a kind of combination of the 'Browse specific types' and 'Edit text' views. In the "Particular browsing" view it also possible to create new images based on the area marked with cropping tool, as well as an option to scale the cropped image up by one size. These modal windows can be opened to show images without possibly beeing scaled smaller, if the browser window size allows that and while opening modal window Ctrl was pressed.

For some images such as tall screenshots that contain unneeded parts one might want to use vertical cropping. For images in the particular browsing view the Split function is available in the image-spesific action tools. Clicking on it opens a modal window showing the selected image and an area next to it with a horizontal line at the point indicated by the mouse pointer. Cut points can be added by clicking and they can be removed by Ctrl-clicking on them. If the Split button was clicked while holding down the Ctrl key, the modal window would have opened in such a way that it would not try to fit the entire image into view, but would show the image in its actual size.

The Split function creates new particular-type images in the image format set in the user settings. These images also include parts that may not be needed, but which can be combined as desired using the Join function. As in the image assorting view, one can select images for use by clicking on them while holding down the Ctrl and Alt keys. When at least two images are selected, a Join button appears in the action tools. Clicking this button creates a new image in which the selected images are combined one below the other. Unnecessary images can be deleted.