Skip to main content
Help - Media

Upload & embed media

Images, graphics and videos enliven our website and liven up the content. But they should be used in a targeted manner and not overload the pages. To ensure the highest possible visual stringency, we have defined image formats that run throughout the site. 

Media Types & Requirements

Image

File type: png, gif, jpg, jpeg, svg
Max. file size: 4 MB
Max. 2560 x 2560 pixels
Min. 1440 x 400 pixels

Standard image size
Landscape 16:9 : 2560 x 1440 pixels
Square 1:1 : 1440 x 1440 Pixel

You get the best results when sRGB is used as color profile. Mixing color profiles is not a good idea.

Infographic

File type: svg (can also be animated)
max. file size: 4 MB

Icon

File type: svg (can also be animated)
max. file size: 1 MB

Is displayed half as wide as the column below

Audio

File type: mp3, wav, aac
max. file size: 80 MB

Video

File type: mp4, m4v
max. file size: 80 MB
Preview image (typical 16:9): 2560 x 1440 pixels

External video: Embedding via media mask with Vimeo link (no uploading or embedding with HTML code).

Document

File type: txt rtf doc docx ppt pptx xls xlsx pdf odf odg odp ods odt fodt fods fodp fodg key numbers pages zip
max. file size: 40 MB

Notes on the maintenance of media

Metadata is structured data that contains comprehensive information about a resource - such as images, documents, videos or audio files. Metadata provides an additional description of the resource so that it can be processed automatically.
The Alt and Title attributes fulfill two functions: On the one hand, the attributes provide information for screen readers and thus ensure an accessible website. On the other hand, they are very important for appearing in Google Image Search. They provide the search engine with important information about the content of the image.

Please make sure that the fields are filled in a meaningful way and that the resource is already given a coherent and structured name when it is named. See also the notes on "Naming files".

Explanation of the fields using the example "Image"

  • Name: short, concise and above all for the search as concrete a name as possible.
  • Alternative text: serves e.g. with screen readers the contentwise description of the picture (importantly for barrier liberty!)
  • Description: is displayed under the medium on the website, e.g. as a caption
  • Source: is displayed on the website and should include the source of the image, especially if this is necessary for licensing reasons.

If the medium uses the English language, please use English wording.

Files should be named sensibly:
meaningful-title-of-picture.file-format
Ex: designersnight-06-2022-drinks.jpg

try to avoid abbreviations and filler words
no capitalization, umlauts are allowed by now

The website is optimized to meet current standards in media display. This means that even with Retina displays, the resolution of the images is displayed sufficiently large. Smaller displays are automatically provided with smaller or less high-resolution images.

For this reason, minimum upload requirements are kept very restrictive. If you have an image that does not meet the requirements (see above), you should first try to get a higher resolution version.
If this is not possible, please adjust the image with an image editing software.

In order for an editor to edit a media record, he or she must be an "author". This is the case if the person created the record. 

You want to update a medium or you have accidentally included the wrong file? So it is recommended to exchange the medium in the respective data set instead of creating a new one. This way, all referencing is retained on the website.

Media overview

On the media overview page you will find all media that have been uploaded in the CMS so far and are used on the website.