[Webmaster] Afficher une image de grande taille

Pour la plupart des internautes, afficher une image de grande taille dans une page web est trop lourd.

Zoomify est un petit programme Flash qui permet de rendre une image zoomable et navigable, et chargeant l'image par morceau selon le besoins.

Exemples:
http://sebsauvage.net/webgobbler/big/
http://triton.tpd.tno.nl/gigazoom/delft2.htm

C'est la version gratuite de Zoomify qui a permis de créer les 2 images navigable ci-dessus.

Vous pouvez la télécharger pour Windows et Macintosh et créer gratuitement (et sans royalties) vos propres images zoomables.
http://www.zoomify.com/



Mise en place:

1)
Lancez Zoomify et sélectionnez l'image à traiter.
Attendez la fin du traitement (qui peut être assez long).

2)
Cela va créer un dossier contenant un fichier ImageProperties.xml ainsi que un ou plusieurs sous répertoires (TileGroup...)

3)
Copiez zoomifyViewer.swf dans le même répertoire que ImageProperties.xml

4)
Prenez le fichier Template.htm fourni, copiez-le dans le même répertoire que ImageProperties.xml et renommez-le en index.html

5)
Editez le fichier index.html et remplacez: zoomifyImagePath=http://www.zoomify.com/content/test/
par: zoomifyImagePath=.
(2 fois dans le document).

6)
Ouvrez le fichier index.html avec votre navigateur pour tester.

C'est bon !
Vous n'avez plus qu'à envoyer tout ces fichiers (ainsi que les sous-répertoires) sur votre site web.



Notez que vous pouvez ajuster des paramètres:
<OBJECT ... WIDTH="750" HEIGHT="450">
et <EMBED ...WIDTH="750" HEIGHT="450">
pour changer la taille d'affichage.

Ou encore ajouter BGCOLOR=#000000 dans les 2 balises ci-dessus pour avoir un fond noir.




Je vous recommande, quand c'est possible, de permettre quand même aux internautes de télécharger l'image complète en un seul fichier (certains internautes préfèrent pouvoir consulter l'image hors-ligne avec leurs propres logiciels).


Zoomify est particulièrement utile pour les documents scannés.