Importing photos and pictures

Product: FlippingBook Publisher

While most users prefer to import PDFs, it is also possible to create flipbooks that are based on pictures or photos (in JPEG, PNG, BMP, or TIFF format), or to insert them into existing publications. Maybe you simply don’t have a PDF version of the content that you want to use, or your content is mostly going to be visual. Whatever the reason may be, in this article we will describe how to import images, what challenges you may face, and how to handle them.

The importing process

Importing images is not really too different from importing PDFs. The biggest difference is that a PDF is a single document, but images are individual documents and most likely you will want to import more than one. This is possible - just import like you normally would, and use the normal Windows functionality to select multiple files in a folder:

  • to select all files in the folder, press Ctrl+A;
  • to select a range of files, click on the first one, press the Shift key and keep it pressed down, and click on the last file of the range. All the files in between will also be selected;
  • to hand-pick a selection of files, click on a file, press the Ctrl key and keep it pressed down, and then click on all the other files that you want to select.

When you have selected all the images that you need, click on Open, and Start.

Making sure that your images are in the right order

Unlike PDFs, individual image files don’t have a set order. They may not even be located in the same folder! When you select multiple files, as described in the process above, then you can only select files in a single folder and all of them will be imported in alphabetical order. This may be exactly what you want. But if it is not, then there are several ways to tackle this:

  1. Just import all the pages regardless, and rearrange them later in FlippingBook itself. We describe how to do that in our Product Guide in the article How to change the order of your pages? 
  2. Copy all the files to a single folder and change their names where required, so the problem doesn’t appear in the first place
  3. Add the files one-by-one (or in batches). You initial file(s) are added in alphabetical order (in the screenshot we have added pages 2,3 and 4

But if you then click on the Add button and select one page (or several) again, these will be added after the existing pages:   

So, by adding the pages in sequence, the order in which you added them will be retained.

Handling different sized images

With FlippingBook Publisher, you can create a flipping book - and one of the defining characters of a book is that all pages are of the same size. With PDFs that’s almost always the case. But images are often of varying sizes. In this case, we make some adjustments to fit them into a ‘normal’ book.

Below we use an example to describe exactly how to do this, and what you can do if you’re not quite satisfied with the result.

Suppose we want to import the images below:

They are all obviously of different sizes, and we have to perform some magic to get them into a standard page size. The first image, page0001.jpg will be used as the cover and is the yardstick for all other images.

The second image is slightly more square in nature than our cover page, and the third one is even a vertical rectangle. To fit them in the same book size, we resize these images. But that would result in some empty space on the page, as you can see below.

If that bothers you, then there are two possibilities that may provide a result more to your liking.

1. You can change the background color of the page to make the differences less impactful. Go to the Pages tab, and then change the Background Color in the Selected pages properties. This can be done for every page separately.

2. You can change how the image itself is handled. Instead of showing the full image, you can change the Content Scaling option to Change to Fill. The image is then resized to fill the full width of the page. Of course, you won’t want to distort the aspect ratio of your image by squeezing or stretching it, so the consequence is that a part of the top and bottom is cut off. As you can see, this affects the image on the right a bit more, because there was more empty space to make up for.

The next image page0004.jpg, on the other hand, is much wider than the cover page. In this case, the image is presented on two pages:

You can compensate for the white borders in the same way as described above, but if you want to show the image on just a single page then that is possible as well. In the properties of Selected Pages, you will see a checkbox that is ticked to indicate that a wide page is spread over two pages. When you clear that checkmark, the image will be sized down to fit on a single page:

If you don’t like this concept of wide pages, then you can turn all pages into normal pages as follows:

  1. Click on any unselected page in the Pages panel.
  2. Press Ctrl+A. This will select all pages.
  3. The Wide checkbox will now show a square, indicating that there is a mix of wide and non-wide pages.
  4. Tick the Wide checkbox to remove the checkmark.

Why are Empty pages added to your publication?

If you use different-sized pages, and if some of them are handled as wide pages as described above, then this introduces an additional problem. Wide pages always have to be shown together on the left-hand page and right-hand page. It would look ridiculous if the first half were shown on the right-hand side, and you had to flip to the next page to see the second half!

If that would actually happen due to the page numbering, then we add an empty page before the ‘wide’ page to keep your book structure intact.

There is no way to remove this page manually. The only things you can do are to:

  • turn the next wide pages into the normal pages as described above, or
  • insert another page manually, anywhere before this wide page. In that case, the empty page is no longer required as an offset and will be removed automatically.
Was this article helpful?
drift chat