Uploading Images

Several content items allow the upload of images, some of which several images that can then be sorted later. Images can be uploaded in three different ways:

  • Upload: direct upload from a local hard drive
  • Remote URL: transferring an image from a remote web location
  • Clipboard: pasting an image from your clipboard

The three options differ slightly in their user interface, but all require two steps.

Upload

  1. Click the "Choose File" button and select a file from your local file browser.
  2. Click the "UPLOAD" button to initiate the file transfer to the webserver.

Remote URL

  1. Paste URL of the image you wish to transfer into the text field.
    (Please note that the transfer of images only works from URLs that follow the http protocol and NOT the https protocol - i.e. start with http:// and not https://)
  2. Click the "TRANSFER" button to initiate the file transfer to the webserver.

Clipboard

  1. Type a filename for the image you wish to transfer into the text field.
  2. Press the button combination "Ctrl + V" to initiate the tranfer.

Controlling Image Display and Order

For each uploaded image, its thumbnail is displayed and several configuration can be set/checked:

  • Crosshair: Images can be rendered (scaled and cropped) in different sizes and aspect ratios.
    The crosshair can be moved to a desired focus area of an image and thus control the content of the cropped regions (e.g. faces).
  • The Image-Preview link below the thumbnail will open a separate window with the different resolutions the image will be used.
    This is specifically helpful to check for the above mentioned images when rendered in different aspect ratios.
  • The ImageFileName.jpg is a link to the original full size image that has been uploaded
  • The Title field allows to provide a caption for the image, which is rendered below the image in some instances.

  • If (several) images have been uploaded their order can be re-arranged by dragging the small arrow handles left of the thumbnails to a new position.
  • Ultimately, each image can be individually removed again through the "REMOVE" button in the respective image row.