User Manual For Website Editors and Administrators
Image sizes (new design)
- Andrea Intveen
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
Image Sizes in Text/Image/Link
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