Image Cover
Full-page image with text overlay
How To Use It
To create a chapter cover page or for a full-screen image - this is the page template to use. Image Size & Format Insert an image at the dimensions specified below. If your image is not the exact size, it will automatically be cropped / resized depending on the image orientation you select (portrait and landscape are cropped, whereas auto will only resize).
Images must be in .svg, .jpg or .png format.
Tip Choose images that can still be effective when clipped for mobile devices. Select "Rotate to Fit" if you want the image to display landscape on mobile screens.
Features
Options & Settings
Position & Fill Settings
Position Determines the origin where the image must be anchored when the image fills the screen. Image Fill Determines how the image must fill the screen.
Full Width / Height (Default) Fills the screen with the image until width and height of the screen is covered. Best option for non-critical or aesthetic only images.
Full Width Fills the screen with the image until the width of the screen is covered. Best option if the width of the image is more important to see than the height.
Fill Height Fills the screen with the image until the height of the screen is covered. Best option if the height of the image is more important to see than the height.
Contain Width / Height Ensures the entire image is visible on screen and will automatically adjust width and height
Image Orientation Sets the aspect ratio of the image. The options are Landscape, Portrait and Auto. Only landscape and portrait will ensure images are cropped into correct ratios.
Last updated