Deep Zoom Poster Viewer

An html-based poster gallery using DeepZoom technology.

Demo

A demo web-viewer of a montage of posters created from several PDFs.

Building blocks

• Python Deep Zoom Tools to generate an image montage and the dzi pyramid file/folder structure with png image tiles.
• OpenSeadragon, an open-source, web-based viewer for high-resolution zoomable images, implemented in pure JavaScript, for desktop and mobile.
• Flat Design Icon set for the viewer.
• Python Imaging Library and imageio to read/write images.

Content

scripts/makePosterMontage.py
A Python script to convert individual PNG image files into a dzi pyramid.

scripts/procImages.sh
A shell script that will:

• convert all PDFs in a selected folder to PNGs using a convert command from the ImageMagick package,
• run the makePosterMontage.py command to create a dzi pyramid,
• copy index.html to the folder with the pyramid,
• copy the OpenSeadragon library to the folder with the pyramid.

HTML-template
An HTML template with a basic viewer and the OpenSeadragon library.

Usage

Suppose PDF files with posters are located in a ~/posters folder. To make a dzi pyramid montage run:

./procImages.sh -i ~/posters/pdf -o ~/posters/png -z ~/posters/dzi

The command will create the following in the ~/posters folder:

• a png sub-folder with intermediate PNG images converted from PDFs
• a dzi sub-folder with the pyramid montage
• an index.html file in the dzi folder with a sample viewer. This file points to the openseadragon library which, in this case, will also be copied from the HTML-template folder. Check here](https://openseadragon.github.io/#download) for the latest version.