All Collections
Tutorials
How to Resize and Optimize the Cover Page Image
How to Resize and Optimize the Cover Page Image

In this article you are going to learn how to resize and optimize the cover page image for your projects

Enrique avatar
Written by Enrique
Updated over a week ago

The Cover Image Sizes

The ideal perfect fit cover image size for a Letter/A4 paper size ebook is:

  • The cover size for a Letter paper size project is 816 w x 1056 h pixels - 72 dpi

  • The cover size for an A4 paper size project is 795 w x 1125 h pixels - 72 dpi

If the ebook is going to be created in any other supported paper size, resize accordingly.

1. How to Resize the Cover image

We are going to use the built-in image editor to resize the cover image you imported to make it fit in the cover. 

Designrr creates ebooks in PDF format for Internet distribution. The standard resolution for Internet distribution is 72 dpi, so there is no need to upload images in higher resolutions as those will be re-sampled to 72 dpi.

In the cover page, start by opening the menu and clicking on the 'Set Cover Image' icon

2. Launch the Internal Image Editor

For our example we are going to use this image. The dimensions are 1333 x 2000 and 300dpi.

The image is already saved in the 'Images' section in the editor. Let's open it in the image editor by hovering the mouse over the picture and clicking on the 3 dots to open the menu. The click on 'Edit Photo'. That will launch the image editor.

1 - Select the 'Resize' option - far left icon.

2 - Tick the 'Lock Aspect Ratio'.

3 - Move the slider to the nearest value, depending on the paper size you are using.

For a Letter paper size project is 816 w x 1056 h pixels
For an A4 paper size project is 795 w x 1125 h pixels

4 - Then click on 'Apply'...

5 - ...and 'Save'. 

The new resized image is automatically placed on the cover page

3. Customizing the Cover Page

This section is specially useful when you upload a  finished cover image, already in the correct cover size and resolution and you need to hide the template containers.  ​

 Let's assume this is our cover

 Since we still have some elements form the original cover template we need to hide them. Notice the emphasis in hide and not delete.

Title
In the title we are going to find two elements we need to hide: the title background container and the heading container. 

To hide the title text in the heading container, double click on it to activate and select all the content and use the delete key to delete the title text.

The title background is the container with some opacity color used to accent the title. To hide it, select the container by clicking on it once (1) and open the background section (2). Open the color palette (3). Then move the slider to the left almost to the extreme (4) . To save, click on choose (5).

Author Box

Do the same as in the title for both the heading container and background container.


Did this answer your question?