User Manual For Website Editors and Administrators

Skip to end of banner
Go to start of banner

Image sizes for the new Design

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 16 Current »

Only Images marked in Red are relevant for local admins and Landing pages!

Main Teaser

  • Main Teaser Home Page [cannot be changed]

    • 1920x720 px (no action required)

  • Main Teaser (first tier) [cannot be changed]

    • Full-size image (no grey)

      • 1920x640 px (JPEG) (e.g. Solutions)

  • Main Teaser (second tier)

    • Background: 1920x640 px (JPEG)To be used for Landing pages (central or local)

    • Foreground image on grey brackground → to be used by other web pages → More information will follow soon!

      • 880x496 px

      • transparent background

      • PNG

  • Main Teaser (third tier)

    • small grey background in pre-defined designs following the global FA website guidelines

      • grey backgrounds will be made available and cannot be changed!

    • e.g. to be used for local Service and Support pages → No action required for now, only from step 2 of the design relaunch.

Spotlight Slider

This image will replace the current home page slider, and also (automatically) be added to the new Spotlight paage:

Spotlight: 470x265 px

In the Text/Image/Links module of a content block, you can adjust the Image width to various sizes.

You will find different resolutions for different image widths you can set in Contentstack. This does not mean, that you have to provide different image files for different widths. This sizes only show the widths that the images will be rendered in.

You can always use a large full width images also for 1/4 width usecases.


Sizes (Ratio: E.g. 16:9)

  • Full size Image

    • 1440x809 px

  • One-Half Size Image

    • 704x396 px

  • One-Third Size Image

    • 464x261 px

  • One-Fourth Size Image

    • 344x194 px

In the new design, please use “Full size” with care.
Please note that in this module, the image height has no “optimum”. The image will not be cropped in height but will only be scaled in width. The height will scale up or down to maintain the initial image ratio.

Please remember to keep the size of all images low in order to avoid performance issues.

“Big images” (MB) will take long to load and may even end up in error messages.

  • No labels