Versions Compared

Version Old Version 15 New Version 16
Changes made by

Andrea Intveen

Sascha Thoben

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel6
outlinefalse
typelist
printablefalse
Note

Only Images marked in Redare 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.

...

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

Spotlight: 470x265 px

...

Panel
panelIconIdatlassian-light_bulb_on
panelIcon:light_bulb_on:
panelIconText:light_bulb_on:
bgColor#FFFAE6

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

Info

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.

Note

Please remember to keep the KB 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.

...