Adding images to the Media Library

Find the folder where you want to add your image, or create a new folder. In the folder (under the Folder tab) you can upload your file(s). Images are uploaded in all languages but folders are only created in the language you are in. It's easiest to create the folder in EN. An EN image will work on any language page. If you've created a new folder, don't forget to publish the folder along with the subitems that you've added to it. 

Moving an image to another folder: that's no problem, just don't forget to republish it.

Deleting an image: if the image is used anywhere on the site, Sitecore will ask if you want to relink to another image instead. This is particularly handy if you need to update an image that's used in many places around the site (for instance the cover of a monthly magazine, A-mag). Note: it can take a while for the new image to appear on the front-end. If you need it to display immediately it's better to publish the page or widget again as well.

Fields to fill out:

Image

Alt - description of the image in keywords, always using the word Amsterdam (if applicable). This is for SEO purposes. Include the photographer credit here as well.

Exif

Copyright - enter the photographer credit here, as described below. Leave empty if there is no credit necessary.

Image specifications 

File type: JPG

Size: 1800x1020 pixels / 72 dpi. Note: you can use the background image as a card image as well. You do not need to add a smaller version to the Media Library. Sitecore will scale the image accordingly.

Format: Landscape

Filename: [Description + Amsterdam]_[Credit]_[size (if other than 1800x1020)] 

Other: Colour images only without text or logo.

File size

In Photoshop and equivalent image editors, it is possible to ‘Save for web’. The average file size for cropped images is 500KB to 1.2MB. If your file size is larger than this, attempt to re-save with an increased compression setting. Images larger than 1.2MB may load noticeably slower for users, as well as hinder the web server.

Photos unsuitable as background image / Other file sizes

If images are not of good enough quality, or not suitably centered (see below) these can be used as images for other items:

Carousels/sliders: 1040 x 585

Cards: 600 x 338 (or if smaller: 340x190)

Mini widgets with text: 92x92

Mini widgets without text (full size): 450x92

Make sure to add the dimensions at the end of the filename to indicate image is an abnormal size. Example: Krijtberg Kerk Amsterdam_Edwin van Eis 1040x585

Visual considerations

In desktop/laptop mode, please keep in mind that the image gets centre-cropped (the middle two-thirds of the image remain). When looking for appropriate photos, choose material in which the middle portrays suitable content/action.

In tablet/mobile mode, the entire image can be seen above the text (reduced in size).

Tips to avoid 

  • images cropped too closely (considering top and bottom will be covered – see above). Careful that heads don’t get cropped out!
  • images containing text or logos

Recommendations for editing images

Sites such as https://pixlr.com/editor and https://www.picmonkey.com can help you edit images.

  • Extra contrast/saturation if image colors are flat
  • Free transform/skew/rotate images to straighten them as desired.
  • An appropriate crop if too much sky or water, for example.

Image sources

  • Amsterdam Marketing’s own collection, including images by Edwin van Eis and Cris Toala Olivares, on the server.
  • http://mediabank.iamsterdam.com: Rights and photographer credit are listed with each photo. Username and password can be requested for access.
  • Public domain (=CC0) stock photography – NO CREDIT NEEDED:
  • Facebook: Facebook images may be used only to portray the exact event/location/party (“fair use”). If an official photographer is listed on the Facebook photo, ask permission or else do not use.
  • Creative Commons licences:
    • Wikimedia Commons (all images on Wikipedia pages are licensed Creative Commons):
    • Flickr – filtered by ‘Commercial use allowed':
    • Google Images - filtered by 'Labeled for reuse' (often these are images from Flickr or Wikipedia): 

Credit and rights information

We must have permission to use photographers’ images, or, the images must be rights and royalty free (“public domain” or Creative Commons license). Do not assume that if we’ve used the image once, we may use it anywhere and any time else we please. Some photographers only allow a single use of his or her image. If you are unsure, do not use the image or ask permission from the owner to use it. Amsterdam Marketing commissions photographers so many photographs are owned by us.

An appropriate photo credit is essential. Always include the credit in the file name and add it to the 'Copyright' and 'Alt' field in Sitecore or NDTRC. Just the credit (= photographer's name) suffices, no need to add extra text such as ‘copyright’, ‘image by’, the © symbol, etc.

WHAT ARE CREATIVE COMMONS LICENCES?

Anyone who offers their image for free public use can do so under a Creative Commons (CC) licence. An image with missing credit info or no credit required is NOT (automatically) CC. Using this licence does NOT mean the image becomes ours. The copyright always remains with the owner of the image. However, you are free to use the image at no cost, but the owner MUST be attributed for his or her work, by way of a credit line. Simply stating ‘CC’ or the source (‘Flickr’) is not sufficient. It must be possible for the viewer to track down where the image was found and whose image it is.

There are different types of CC licences depending on what you may do with the image. Some licences restrict the user from altering the image, or using it for commercial use, for example. Therefore, it’s important to note the type of CC licence that belongs to the image.

EXCEPTION: CC0 1.0 is the Public Domain licence type and this does NOT need a credit line. 

Creative Commons licence types:

CC BY 2.0 (or higher): You may use the photo for commercial purposes and create new works with it.

CC BY-SA 2.0 (or higher): If you use the image to create a new work, and distribute that work, that new work must have the same licence (not really applicable in our case)

CC BY-NC 2.0 (or higher): The image may not be used for commercial purposes. (We should not use these images)

CC BY-ND 2.0 (or higher): The image must be used as is, you may not create new work with it. (not really applicable in our case)

CC0 1.0: Public domain. No credit necessary.

The format for a CC credit line is: [Licence type] [name of photographer] via [source].

Example: CC BY 2.0 Sebastiaan ter Burg via Flickr

How to find the licence type:

Flickr

https://www.flickr.com/photos/aigle_dore/4811919256

TIP: Save the original file (largest format) as “aigle_dore-4811919256” (the last section of the url) to easily find it again online. The download will give the file a random number as name which is hard to trace back, might you need to find it online again.

Click on the rights info under the photo date to find the Creative Commons license:

Credit: CC BY-SA 2.0 Moyan Brenn via Flickr

Wikimedia Commons

https://commons.wikimedia.org/wiki/File:De_Krijtberg_%285821494217%29.jpg

Click on “More Info”, then “Download”.

You will find the credit info in the last field “Attribution:”. Reformat the info in this field to the abovementioned format.

Credit: CC BY 2.0 Jorge Láscar from Australia via Wikimedia Commons

Keywords and SEO

In the “Alt” field of the image in Sitecore, always include both the copyright info and add keywords for SEO purposes. Keywords should always contain “Amsterdam” and any other applicable keywords to do with the image.

Preferably add “Amsterdam” in the photo file name as well.