User Manual For Website Editors and Administrators

Image sizes for the new Design

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

Please be aware that the image size 880x496 px includes the transparent background.

If you want to avoid too much grey background, take care to adapt the actual image to the rectangle placeholder size (880x496 px).

  • 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