![[Translate to English:] Fotograf](/fileadmin/user_upload/easyweb-styleguide/bildformate_titelbild.jpg?1594912615)
easyWeb
Picture formats | Recommendation
- Before uploading an image to easyWeb, it should ideally be cut to the optimal size.
- This concerns the width and height of the image in pixels as well as the file size.
- The recommended widths and heights of the respective image types can be found in the last column of the table below.
- JPEG (quality: portrait - maximum) is usually the most suitable file format..
In view of the increasing use of high-resolution retina displays, it makes sense to save images in double the size of their defined output size. The values that you can see in the table below already correspond to double the output size.
High-resolution images are made smaller by easyWeb (TYPO3). This has no negative effect on the loading speed of the website.
easyWeb offers a variety of possibilities to integrate images and graphics into your website. In the following table you will find the specifications recommended by Web Desk.
| Page type | Purpose Frontend | EasyWeb grid | EasyWeb content element | Input format in pixels (px) width x height |
|---|---|---|---|---|
| Key Visual Home | Header image and/or slider on the start page (Home) |
|
| 2560 x 1080 |
| Key Visual main category | Header image and/or slider on the area home page (main section) |
|
| 2560 x 1080 |
| Key Visual Target Group Page | Header image on a landing page for a target group |
|
| 2560 x 1080 |
| Header image content page | Header image within content page |
|
| 1920 x 960 |
|
| 1920 x 960 | ||
| Landscape Image | Picture element integrated at any position in the page layout in landscape format, which runs across the full width of a column. |
|
| 1920 x 1080 |
|
| 1920 x 1080 | ||
| Image teaser (tile) | Teaser picture for tile (picture with link) |
|
| 1500 x 750 |
|
| 1500 x 750 | ||
| Picture gallery (photo gallery) | Picture gallery (photo gallery) |
|
| 1920 x 1080 |
| Contact box | Contact box (personal/non-personal) |
|
| 1500 x 2000 2000 x 1000 |
| Background image | Image in the background of the website (full screen) |
| 3840 x 2160 |