Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Presenting and referencing high resolution images on the web

1,460 views

Published on

Joseph Padfield
The National Gallery, London
UKMW11

Published in: Technology, Art & Photos
  • Be the first to comment

Presenting and referencing high resolution images on the web

  1. 1. Presenting and Referencing High Resolution Images on the Web Joseph Padfield UK Museums on the Web 2011, 25 th November 2011
  2. 2. Introduction <ul><li>As imaging systems and computers have developed over the last decade the possible size and quality of the images, available to museums, has continued to increase. </li></ul><ul><li>Although there have been many improvements in the quality and availability of colour reproductions the size and number of images that can be included in traditional print media has remained limited. </li></ul><ul><li>Digital versions of printed publication and simple web pages can include quite high resolution images, but as the number and size of the images increases the files sizes of this type of presentation can become prohibitive. </li></ul><ul><li>In contrast, by using appropriate software, massive images can be presented on the web and used to inform, support and add to the presentations and discussions surrounding museum objects. </li></ul>
  3. 3. Summary <ul><li>Provide a brief description of the scale of the image resources that can be used within the National Gallery. </li></ul><ul><li>Introduce IIPImage: an open source, web based, image server system for a viewing and working with high resolution images. </li></ul><ul><li>Describe the process used by the National Gallery to present and reference whole and sections of high resolution images in relation to printed and standard web based publications. </li></ul><ul><li>Provide examples of the some of the additional IIPImage systems in current use and under development within the National Gallery. </li></ul>
  4. 4. How big is a “big” Image ?
  5. 5. <ul><li>If a camera can capture and image 10,000 pixels wide: </li></ul><ul><li>NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) </li></ul><ul><li>NG1888: Jan Gossaert, 'The Virgin and Child', 1527, Oil on oak, (30.7 x 24.3 cm) </li></ul>Relative Resolution
  6. 6. <ul><li>If a camera can capture and image 10,000 pixels wide: </li></ul><ul><li>NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) </li></ul><ul><ul><li>3.125 ppmm </li></ul></ul><ul><li>NG1888: Jan Gossaert, 'The Virgin and Child', 1527, Oil on oak, (30.7 x 24.3 cm) </li></ul><ul><ul><li>41.152 ppmm </li></ul></ul>Relative Resolution
  7. 7. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) How Big is a Big Image ?
  8. 8. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) How Big is a Big Image ?
  9. 9. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
  10. 10. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
  11. 11. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
  12. 12. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
  13. 13. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
  14. 14. 176 X-ray plates Scanned at 300DPI (12 ppmm) 43197 x 39461 px 1-band, 16-bit, 3.18 GB 600 DPI - 12.5 GB NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
  15. 15. The National Gallery digital image collection <ul><li>X-ray radiography mosaics, scanned at 300DPI are commonly between 1-2 GB. </li></ul><ul><li>Single shot visible images of 2-300MB are almost beginning to be considered as small. </li></ul><ul><li>Visible image mosaics are beginning to become more common, again producing images over 1GB in size. </li></ul><ul><li>Full images and high resolution details can be retaken multiple time when a painting is under going conservation treatment. </li></ul><ul><li>Additional infrared, ultra-violet, microscopy, multi-spectral and even hyper-spectral imaging continue to add to this growing collection of images. </li></ul><ul><li>As a currently extreme example: the recent Google Art project produced a visible image mosaic for Holbein's, The Ambassadors, which is about 22GB </li></ul>
  16. 23. <ul><li>With less than 3000 paintings, The National Gallery is a relatively small collection. </li></ul><ul><li>But the growing collection of digital images is already well into the 10s of thousands and now take up terabytes of the disk space. </li></ul><ul><li>The National Gallery has been investigating methods of working with these high resolution images for many years now. </li></ul><ul><li>Initially on local computers with open source software like VIPS/Nip2, (http://www.vips.ecs.soton.ac.uk/) . </li></ul><ul><li>But in more recent years making use of web-based open source projects like IIPImage (http://iipimage.sourceforge.net/) to disseminate these images to growing internal and external audience </li></ul>The National Gallery digital image collection
  17. 24. Presenting and Working with High Resolution Images on the Web
  18. 25. http://iipimage.sourceforge.net
  19. 26. iipimage.sourceforge.net <ul><li>IIPImage is an advanced high-performance feature-rich imaging server system for web-based streamed viewing and zooming of ultra high-resolution images. </li></ul><ul><li>8-bit or 16-bit images, with support for: CIELAB colorimetric, scientific and multispectral images. </li></ul><ul><li>Pyramidal Images </li></ul><ul><li>Tiff and Jpeg 2000 support </li></ul><ul><li>Open source flexible development </li></ul><ul><li>Works with a variety or existing custom clients in Javascript, Java and Flash. </li></ul><ul><li>The IIPImage server is also compatible with several 3rd party protocols and clients. In particular, Zoomify and Deepzoom. </li></ul>
  20. 27. Publishing and Referencing High Resolution Images
  21. 28. Publishing and Referencing High Resolution Images <ul><li>A public facing image resource has been set up to provide viewing access to high resolution images which can be directly referenced and linked to multiple other systems or publications. </li></ul><ul><li>http://research.ng-london.org.uk/projects </li></ul><ul><li>Simple relational database defining a hierarchical set of projects and relating them to specific sets of images . </li></ul><ul><li>Images can be linked to multiple projects, but only need to be stored once. </li></ul><ul><li>Apache rewrite tools used to convert simple URLs into variables which are then used by a generic set of web pages written in PHP , making use of a custom Javascript IIPImage client. </li></ul>
  22. 29. Publishing and Referencing High Resolution Images <ul><li>New projects can be added by simply editing the database rather than needing create new web pages. </li></ul><ul><li>The details for each project and or image are automatically used to complete a set of structured templates. </li></ul><ul><li>Easy navigation options allow users to move between images and related projects within the system. </li></ul><ul><li>Options for external links are also provided to connect each project to other appropriate web resources. </li></ul>
  23. 30. Example: Linking to web based Catalogue entries
  24. 43. Example: Supporting traditional print publications
  25. 59. Example: Sharing Image Links
  26. 62. Sharing image links <ul><li>http://research.ng-london.org.uk/projects/technical-bulletin/vol-32/billinge_syson_spring2011/ng1661/images/N-1661-00-000030-XS/5/5217/2890 </li></ul><ul><li>Projects : </li></ul><ul><ul><li>technical-bulletin -> vol-32 </li></ul></ul><ul><ul><li>billinge_syson_spring2011 -> ng1661 </li></ul></ul><ul><li>Image : N-1661-00-000030-XS </li></ul><ul><li>Zoom Level : 5 </li></ul><ul><li>Location : 5217 x 2890 </li></ul>
  27. 64. Ongoing development of IIPImage based solutions
  28. 65. Ongoing development of IIPImage based solutions <ul><li>Some additional examples of custom Javascript clients: </li></ul><ul><li>Internal access to digital images within the National Gallery, organised by painting. </li></ul><ul><li>Working with sets of registered images: X-ray, Infrared, Before, during and after treatment images, etc. </li></ul><ul><li>Annotating Zoom-able images. </li></ul>
  29. 66. Photographic server: image viewer
  30. 79. Registered image viewer
  31. 89. Annotating Zoom-able images
  32. 93. Presenting and Referencing High Resolution Images on the Web Joseph Padfield UK Museums on the Web 2011, 25 th November 2011

×