How to use deep Zoom in Silverlight

Deep Zoom enables you to quickly scale and move high resolution images. Deep Zoom can use multiresolution images to achieve these functions.

This topic shows how to create a very simple Silverlight application that uses Deep Zoom.

To see a running example of this application, click the link below.

Http://samples.msdn.microsoft.com/Silverlight/SampleBrowser/index.htm#/?

Sref=deepzoomsimplezoom

Creating Deep Zoom Images

A Deep Zoom image consists of several tiles of different resolution JPEG or PNG images, which form an "image pyramid". The best way to create Deep Zoom images is to use tools such as Deep Zoom Composer.

Creating Deep Zoom Images

1. Download and install Deep Zoom Composer.

2. Start Deep Zoom Composer and create a new project.

3. In the Import workspace, click Add Image and add a high-resolution image to the project.

4. Click the "group" workspace.

5. On the Image tab, drag the image onto the graphics board.

6. Adjust the image size as needed.

7. Click the Export Workspace.

8. Click the Custom tab.

9. In the Output Type section, select Silverlight Deep Zoom.

10. In the Name box, type Dzc_output.

11. In the Position box, specify the location.

12. In the Image Settings section, select Export as a group (single image).

13. Let the other settings retain their default values.

14. Click the Export button to export the Deep Zoom image file.

Load Deep Zoom image

--------------------------------------------------------------------------------