Add Image Elements

Images can provide readers with a more intuitive and vivid visual experience, especially for some content that needs images, such as illustrations, charts, and maps to express detailed information.

Adding images to the flipbook can help readers better understand the content, especially for some abstract and complex concepts. In addition, adding images can make the content more easily understood and digested.

Adding images can add aesthetics to flipbooks and make them more attractive. Moreover, especially for some art and design flipbooks, adding images can make them more exquisite and qualitative.

You can add image elements from the online library or upload local files in the Page Editor.

Note: Only users of the Platinum plan and above can add images.

1. The online library #

In the Page Editor, the online library has been connected to three large image providers: Pexels, Pixabay, and Tenor (for GIFs). These providers offer a variety of images with different themes, styles, colors, and more.

Click [Image] -> enter keywords in the box to search images -> select [Pexels], [Pixabay], or [GIFs] -> select an image and click to add

Add-images-from-Pexels-Pixabay-and-Tenor-in-FlipHTML5

▎Note:
1. Images in the Online Library are obtained from external free image libraries or third-party providers. They are exclusively for display and reference purposes.
2. Before using any images, please visit the following official websites of the third-party providers to review the relevant copyright information. FlipHTML5 will NOT be liable for any copyright disputes that may arise from the use of these images.
Pexels: https://www.pexels.com/license/
Pixabay: Content License – Pixabay
Tenor (GIFs): https://tenor.com/legal-terms

Layer Mask #

Adding a layer mask to an image enables it to be displayed in a masked shape, giving more variety to its presentation style. With a wide range of layer masks to choose from, you can also customize the mask pattern and adjust its size and position after application.

Click an edited image -> select [Layer Mask] on the right properties panel -> choose a pre-designed layer mask or [Custom Mask Pattern]

Add-a-laymask-to-an-image-in-FlipHTML5

Filters #

Adding a filter to the image can change the tone of the image and increase the visual appeal of the image. There are many different filters to choose from, and you can customize the filter.
Select an image -> [Filters] -> select a filter you like

Add-a-filter-to-an-image-in-FlipHTML5

BG Remover #

Background remover can quickly erase the background of your image. Just click an edited image -> press [BG Remover] -> wait for finishing -> click [Confirm]

You can also use [Restore] or [Erase] to make detailed adjustments to your edited image.

▎Note: The Background Remover feature requires AI points.

Use-background-remover-to-edit-images

Restore the aspect ratio and original size #

  • Restore aspect ratio: restore the aspect ratio of the image
  • Restore original size: restore the original size of the image
How-to-restore the aspect ratio and original size

2. Upload local images #

You can also upload local images to the library.

Click [Image] -> [Mine] -> [Upload Images] -> select the image(s) from the local folder -> [Open] -> upload local images to [Mine] -> add the image to the canvas by dragging and dropping or clicking.

Note:
1. You can upload multiple images to the library at one time.
2. The uploaded images should be under a maximum of 3000px*3000 px.
3. We recommend uploading images with a width of less than or equal to 1920px.
4. PNG, JPG, GIF, and SVG image formats are supported for uploading.

upload-images

After adding an image to the canvas, you can edit it in the Page Editor, such as cropping, adding a mask and filter, setting opacity, shadow, rounded corners, position, and rotation.

configure-the-images

Article-related terms:
image elements, image placement, image customization, image graphics, image design, image templates, image editing, image size, image options, image styles, image cropping, enhancing visual content

Was this article helpful?

Updated on January 29, 2026