Presenting and Referencing  High Resolution Images on the Web Joseph Padfield UK Museums on the Web 2011,  25 th  November...
Introduction  <ul><li>As imaging systems and computers have developed over the last decade the possible size and quality o...
Summary  <ul><li>Provide a brief description of the scale of the image resources that can be used within the National Gall...
How big is a “big” Image ?
<ul><li>If a camera can capture and image 10,000 pixels wide: </li></ul><ul><li>NG268: Paolo Veronese, The Adoration of th...
<ul><li>If a camera can capture and image 10,000 pixels wide: </li></ul><ul><li>NG268: Paolo Veronese, The Adoration of th...
NG268: Paolo Veronese, The Adoration of the Kings,  1573, (355.6 x 320 cm) How Big is a Big Image ?
NG268: Paolo Veronese, The Adoration of the Kings,  1573, (355.6 x 320 cm) How Big is a Big Image ?
NG268: Paolo Veronese, The Adoration of the Kings,  1573, (355.6 x 320 cm)
NG268: Paolo Veronese, The Adoration of the Kings,  1573, (355.6 x 320 cm)
NG268: Paolo Veronese, The Adoration of the Kings,  1573, (355.6 x 320 cm)
NG268: Paolo Veronese, The Adoration of the Kings,  1573, (355.6 x 320 cm)
NG268: Paolo Veronese, The Adoration of the Kings,  1573, (355.6 x 320 cm)
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 Vero...
The National Gallery digital image collection <ul><li>X-ray radiography mosaics, scanned at 300DPI are commonly between 1-...
 
 
 
 
 
 
 
<ul><li>With less than 3000 paintings, The National Gallery is a relatively small collection. </li></ul><ul><li>But the gr...
Presenting and Working with  High Resolution Images on the Web
http://iipimage.sourceforge.net
iipimage.sourceforge.net <ul><li>IIPImage is an advanced high-performance feature-rich imaging server system for web-based...
Publishing and Referencing  High Resolution Images
Publishing and Referencing  High Resolution Images <ul><li>A public facing image resource has been set up to provide viewi...
Publishing and Referencing  High Resolution Images <ul><li>New projects can be added by simply editing the database rather...
Example: Linking to web based Catalogue entries
 
 
 
 
 
 
 
 
 
 
 
 
Example: Supporting traditional  print publications
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Example: Sharing Image Links
 
 
Sharing image links <ul><li>http://research.ng-london.org.uk/projects/technical-bulletin/vol-32/billinge_syson_spring2011/...
 
Ongoing development of IIPImage based solutions
Ongoing development of IIPImage based solutions <ul><li>Some additional examples of custom  Javascript  clients: </li></ul...
Photographic server: image viewer
 
 
 
 
 
 
 
 
 
 
 
 
Registered image viewer
 
 
 
 
 
 
 
 
 
Annotating Zoom-able images
 
 
 
Presenting and Referencing  High Resolution Images on the Web Joseph Padfield UK Museums on the Web 2011,  25 th  November...
Upcoming SlideShare
Loading in …5
×

Presenting and referencing high resolution images on the web

1,327 views
1,258 views

Published on

Joseph Padfield
The National Gallery, London
UKMW11

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,327
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) For a single shot digital image the max pixel resolution is fixed, but the relative resolution is dependant on the physical size of the painting.
  • NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) For a single shot digital image the max pixel resolution is fixed, but the relative resolution is dependant on the physical size of the painting.
  • NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) Is a fairly large painting and it took a lot of work and 176 X-ray plates to capture a complete X-ray image of the painting.
  • NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) Image mosiacs with fixed relative resolution can result in very large images. 176 X-ray plates to capture a complete X-ray image of the painting.
  • It will be interesting to see how large these images might get over the next 10 years.
  • Having multiple copies of large numbers of big images can cause huge problems for storage, archiving and back-up systems.
  • 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

    ×