Images added to Internal Communication tiles displayed in the carousel component are zoomed to fill the available size of the tile. The image aspect ratio is preserved (the image is not stretched or squeezed). Displayed tile images are square.
- Wider images are zoomed or reduced to fit the space, cropping the sides of the image.
- Narrower images are zoomed or reduced to fit the space, cropping the top and bottom of the image.
When the Internal Communication process has Show Title in Tile selected, the expanding title card masks the bottom of the tile image. The title card expands when hovered.
Tip We recommend that you do not use text in your tile images because this is not suitable for assistive technologies. Use the tile label to display text, and enable Show Title in Tile.
The size of each carousel tile varies according to screen size. As the tiles change size, the image is resized.
We recommend the following specifications for your image:
- Use a minimum image size of 358 by 358 pixels. Larger images will be reduced in size to fit the space.
- Use a square image. Wider/narrower images will be cropped to display as a square image.