Your SlideShare is downloading. ×
0
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Presenting and referencing high resolution images on the web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Presenting and referencing high resolution images on the web

1,139

Published on

Joseph Padfield …

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,139
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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.
  • Transcript

    • 1. Presenting and Referencing High Resolution Images on the Web Joseph Padfield UK Museums on the Web 2011, 25 th November 2011
    • 2. Introduction
      • 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.
      • 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.
      • 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.
      • 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.
    • 3. Summary
      • Provide a brief description of the scale of the image resources that can be used within the National Gallery.
      • Introduce IIPImage: an open source, web based, image server system for a viewing and working with high resolution images.
      • 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.
      • Provide examples of the some of the additional IIPImage systems in current use and under development within the National Gallery.
    • 4. How big is a “big” Image ?
    • 5.
      • If a camera can capture and image 10,000 pixels wide:
      • NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
      • NG1888: Jan Gossaert, 'The Virgin and Child', 1527, Oil on oak, (30.7 x 24.3 cm)
      Relative Resolution
    • 6.
      • If a camera can capture and image 10,000 pixels wide:
      • NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
        • 3.125 ppmm
      • NG1888: Jan Gossaert, 'The Virgin and Child', 1527, Oil on oak, (30.7 x 24.3 cm)
        • 41.152 ppmm
      Relative Resolution
    • 7. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) How Big is a Big Image ?
    • 8. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm) How Big is a Big Image ?
    • 9. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
    • 10. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
    • 11. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
    • 12. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
    • 13. NG268: Paolo Veronese, The Adoration of the Kings, 1573, (355.6 x 320 cm)
    • 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. The National Gallery digital image collection
      • X-ray radiography mosaics, scanned at 300DPI are commonly between 1-2 GB.
      • Single shot visible images of 2-300MB are almost beginning to be considered as small.
      • Visible image mosaics are beginning to become more common, again producing images over 1GB in size.
      • Full images and high resolution details can be retaken multiple time when a painting is under going conservation treatment.
      • Additional infrared, ultra-violet, microscopy, multi-spectral and even hyper-spectral imaging continue to add to this growing collection of images.
      • As a currently extreme example: the recent Google Art project produced a visible image mosaic for Holbein's, The Ambassadors, which is about 22GB
    • 16.  
    • 17.  
    • 18.  
    • 19.  
    • 20.  
    • 21.  
    • 22.  
    • 23.
      • With less than 3000 paintings, The National Gallery is a relatively small collection.
      • But the growing collection of digital images is already well into the 10s of thousands and now take up terabytes of the disk space.
      • The National Gallery has been investigating methods of working with these high resolution images for many years now.
      • Initially on local computers with open source software like VIPS/Nip2, (http://www.vips.ecs.soton.ac.uk/) .
      • 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
      The National Gallery digital image collection
    • 24. Presenting and Working with High Resolution Images on the Web
    • 25. http://iipimage.sourceforge.net
    • 26. iipimage.sourceforge.net
      • IIPImage is an advanced high-performance feature-rich imaging server system for web-based streamed viewing and zooming of ultra high-resolution images.
      • 8-bit or 16-bit images, with support for: CIELAB colorimetric, scientific and multispectral images.
      • Pyramidal Images
      • Tiff and Jpeg 2000 support
      • Open source flexible development
      • Works with a variety or existing custom clients in Javascript, Java and Flash.
      • The IIPImage server is also compatible with several 3rd party protocols and clients. In particular, Zoomify and Deepzoom.
    • 27. Publishing and Referencing High Resolution Images
    • 28. Publishing and Referencing High Resolution Images
      • 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.
      • http://research.ng-london.org.uk/projects
      • Simple relational database defining a hierarchical set of projects and relating them to specific sets of images .
      • Images can be linked to multiple projects, but only need to be stored once.
      • 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.
    • 29. Publishing and Referencing High Resolution Images
      • New projects can be added by simply editing the database rather than needing create new web pages.
      • The details for each project and or image are automatically used to complete a set of structured templates.
      • Easy navigation options allow users to move between images and related projects within the system.
      • Options for external links are also provided to connect each project to other appropriate web resources.
    • 30. Example: Linking to web based Catalogue entries
    • 31.  
    • 32.  
    • 33.  
    • 34.  
    • 35.  
    • 36.  
    • 37.  
    • 38.  
    • 39.  
    • 40.  
    • 41.  
    • 42.  
    • 43. Example: Supporting traditional print publications
    • 44.  
    • 45.  
    • 46.  
    • 47.  
    • 48.  
    • 49.  
    • 50.  
    • 51.  
    • 52.  
    • 53.  
    • 54.  
    • 55.  
    • 56.  
    • 57.  
    • 58.  
    • 59. Example: Sharing Image Links
    • 60.  
    • 61.  
    • 62. Sharing image links
      • http://research.ng-london.org.uk/projects/technical-bulletin/vol-32/billinge_syson_spring2011/ng1661/images/N-1661-00-000030-XS/5/5217/2890
      • Projects :
        • technical-bulletin -> vol-32
        • billinge_syson_spring2011 -> ng1661
      • Image : N-1661-00-000030-XS
      • Zoom Level : 5
      • Location : 5217 x 2890
    • 63.  
    • 64. Ongoing development of IIPImage based solutions
    • 65. Ongoing development of IIPImage based solutions
      • Some additional examples of custom Javascript clients:
      • Internal access to digital images within the National Gallery, organised by painting.
      • Working with sets of registered images: X-ray, Infrared, Before, during and after treatment images, etc.
      • Annotating Zoom-able images.
    • 66. Photographic server: image viewer
    • 67.  
    • 68.  
    • 69.  
    • 70.  
    • 71.  
    • 72.  
    • 73.  
    • 74.  
    • 75.  
    • 76.  
    • 77.  
    • 78.  
    • 79. Registered image viewer
    • 80.  
    • 81.  
    • 82.  
    • 83.  
    • 84.  
    • 85.  
    • 86.  
    • 87.  
    • 88.  
    • 89. Annotating Zoom-able images
    • 90.  
    • 91.  
    • 92.  
    • 93. Presenting and Referencing High Resolution Images on the Web Joseph Padfield UK Museums on the Web 2011, 25 th November 2011

    ×