To create pan and zoom of large image on web:
Resources:
Open Seadragon: https://openseadragon.github.io/
Open Seadragon downloads: https://github.com/openseadragon/openseadragon/releases/download/v2.2.1/openseadragon-bin-2.2.1.zip
Open Seadragon "getting started:" https://openseadragon.github.io/docs/
Open Seadragon options: https://openseadragon.github.io/docs/OpenSeadragon.html#.Options
MSFT HD View utilities: https://www.microsoft.com/en-us/download/details.aspx?id=52341
MSFT HD View utiliies:
One time install: After utilities install, copy Photoshop 64 bit plugin into new "Import-Export" folder in the PS plugin folder.
copy from C:\Program Files\Microsoft Research\HD View Utilities
copy to: C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins\Import-Export
file: HDView_x64.8be
Open Seadragon:
OpenSeadragon has no external dependencies. To install, download and copy the openseadragon folder into your web root or static files directory
Creating tiled images for Open Seadragon:
To create tiles, use MSFT HD View utiliites Photoshop (PS) plugin.
The PS Plugin appears on the PS File:Export menu
1) Open large image in PS
2) Select File : Export : "HD View & Deep Zoom"
3) Select or enter target folder
4) Enter base [file_name] for export (a short name is good, do not include spaces in the name)
5) de-select "Zip" file output
6) accept or select "flat" projection
7) accept or select "auto" output type
8) output files
9) Upload [file_name] folder with all created tiles to server
10) Upload seadragon folder to server to [file_name] directory
11) create web page and upload to server [file_name] directory:
Sample basic HTML page:
open seadragon test
Test of open seadragon
If you have more than one large image on the site, the structure will be as in the above sample page:
/deep-zoom
/deep-zoom/[file_name_01]
/deep-zoom/[file_name_02]
/deep-zoom/[file_name_XX]
/deep-zoom/seadragon
Content of 32nd-ar.xml in above example:
Sample with multiple images:
open seadragon test
Open Seadragon - Strickland Maps