> For the complete documentation index, see [llms.txt](https://real3dflipbook.gitbook.io/jquery/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://real3dflipbook.gitbook.io/jquery/optimized-pdf-flipbook.md).

# Optimized PDF Flipbook

Create faster loading PDF flipbook with [PDF to Image Converter for Real3D FlipBook](https://codecanyon.net/item/pdf-to-image-converter-for-real3d-flipbook/45866911)

### PDF to Image Converter

The converter generates images and JSON for each PDF page, that you can use to create flipbook that will load fast but will keep all the functionality as the PDF Flipbook.

For example you have PDF file 1.pdf that has 4 pages. The standard way of creating flipbook from PDF is

```javascript
const options = {
    pdfUrl: 'pdf/1.pdf'
}
new Flipbook(container, options)
```

The converter will process the PDF and generate page image, thumbnail image and json with page data for each page. You can use those files to create a flipbook like this

```javascript
const options = {
    pages: [
        {src: "1.webp", thumb: "thumb1.webp", json: "1.json"},
        {src: "2.webp", thumb: "thumb2.webp", json: "2.json"},
        {src: "3.webp", thumb: "thumb3.webp", json: "3.json"},
        {src: "4.webp", thumb: "thumb4.webp", json: "4.json"},
    ]
}
new Flipbook(container, options)
```

The second flipbook will work exactly the same as first flipbook, but it will load page faster and it will not load PDF.js scripts.

This can also be a solution if PDF flipbook is not working correctly on some devices