Pour la réalisation d’une image Gigapixel avec StoryMap JS, j’ai eu besoin de créer une image zoomable.

Voici, en quelques étapes, la méthode que j’ai employée :

1- Télécharger et installer Zoomify

Malheureusement, cette version gratuite n’est pas disponible pour Linux. J’ai donc téléchargé la version Windows. Une fois l’archive extraire, il suffit de lancer le fichier Zoomify Free Converter.exe http://www.zoomify.com/free.htm

2- Lancer et utiliser Zoomify

Double-cliquer sur le fichier Zoomify Free Converter.exe.
Il n’y a qu’un paramètre : le répertoire de sortie de l’image zoomable. Par défaut, c’est le même que l’emplacement de l’image de départ. Pour un meilleur résultat, il est conseillé d’utiliser une image de grande taille.

3- Créer l’image zoomable

Il faut ensuite créer l’image zoomable pour le web. Pour cela, dans un nouveau dossier coller le répertoire « image » créer par Zoomify et les fichiers  TemplateWebPage.htm et ZoomifyImageViewerFree-min.js. Ces 2 fichiers sont dans le dossier ZoomifyFree-Win. Il reste à modifier une ligne du fichier « TemplateWebPage.htm » en remplaçant « ZoomifyImageExample » par « Nom-du-repertoire-contenant-les-vignettes« . Le résultat.

Kenavo.