SlideShare a Scribd company logo
Presenting and Referencing  High Resolution Images on the Web Joseph Padfield UK Museums on the Web 2011,  25 th  November 2011
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.
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.
How big is a “big” Image ?
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
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
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 Veronese, The Adoration of the Kings,  1573, (355.6 x 320 cm)
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
 
 
 
 
 
 
 
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
Presenting and Working with  High Resolution Images on the Web
http://iipimage.sourceforge.net
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.
Publishing and Referencing  High Resolution Images
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.
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.
Example: Linking to web based Catalogue entries
 
 
 
 
 
 
 
 
 
 
 
 
Example: Supporting traditional  print publications
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Example: Sharing Image Links
 
 
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
 
Ongoing development of IIPImage based solutions
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.
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 2011

More Related Content

PPTX
PPT
Kõrgrenessanss Itaalias – maalikunst 2
PPT
Art exhibition by Jane Bennett "Closing the gap-Industrial Heritage of Anzac...
PPTX
Rococo in France
PPT
How Culture Effect on Advertisement
PPT
Advertisement: History, Techniques and Impacts
PPT
Advertising History
PPT
History of Advertising
Kõrgrenessanss Itaalias – maalikunst 2
Art exhibition by Jane Bennett "Closing the gap-Industrial Heritage of Anzac...
Rococo in France
How Culture Effect on Advertisement
Advertisement: History, Techniques and Impacts
Advertising History
History of Advertising

Similar to Presenting and referencing high resolution images on the web (20)

PDF
2+3d Photography 2017 – P 4 The Rijksmuseum DAM, how we got there and where w...
PPTX
Introduction to preserving digital images & scanning
PDF
LIBER Satellite Event, SCAPE by Sven Schlarb
PPTX
Application scenarios of the SCAPE project at the Austrian National Library
PDF
Edinburgh OldMapsOnline Workshop
PPTX
OSCC21 SceneGate, DreamGate, IMABox, and EchoVoice R&D
PDF
Ltfs new-archive-workflow-whitepaper
PPTX
Digital Preservation Best Practices: Lessons Learned From Across the Pond
PPTX
Digital Presentation Best Practices: Lessons Learned From Across the Pond
PPT
The Elephant in the Library - Integrating Hadoop
PDF
OldMapsOnline.org: Open Source & Online Tools for Old Maps
PDF
Acquisition of audiovisual Scientific Technical Information from OSGeo: A wor...
PPTX
High-End Visualisation System (HEVS)
PPTX
From archive to insight debunking myths of analytics on object stores
PPTX
Balboa Park Commons: Collaborative Digitization for a Public Resource
PPTX
Next Steps for Highlander Center Archives by ITRL student Susan Williams
PDF
Newman, DAM + Image Intellectual Property Management
PDF
Similarity-based retrieval of multimedia content
PDF
Nationalmuseum Sweden customer story: How Nationalmuseum Sweden organizes hun...
PDF
IMAGE PROCESSING - MATHANKUMAR.S - VMKVEC
2+3d Photography 2017 – P 4 The Rijksmuseum DAM, how we got there and where w...
Introduction to preserving digital images & scanning
LIBER Satellite Event, SCAPE by Sven Schlarb
Application scenarios of the SCAPE project at the Austrian National Library
Edinburgh OldMapsOnline Workshop
OSCC21 SceneGate, DreamGate, IMABox, and EchoVoice R&D
Ltfs new-archive-workflow-whitepaper
Digital Preservation Best Practices: Lessons Learned From Across the Pond
Digital Presentation Best Practices: Lessons Learned From Across the Pond
The Elephant in the Library - Integrating Hadoop
OldMapsOnline.org: Open Source & Online Tools for Old Maps
Acquisition of audiovisual Scientific Technical Information from OSGeo: A wor...
High-End Visualisation System (HEVS)
From archive to insight debunking myths of analytics on object stores
Balboa Park Commons: Collaborative Digitization for a Public Resource
Next Steps for Highlander Center Archives by ITRL student Susan Williams
Newman, DAM + Image Intellectual Property Management
Similarity-based retrieval of multimedia content
Nationalmuseum Sweden customer story: How Nationalmuseum Sweden organizes hun...
IMAGE PROCESSING - MATHANKUMAR.S - VMKVEC
Ad

More from Museums Computer Group (20)

PPTX
12,000 sheets of paper per week
PPTX
how online collections could potentially impact the actual art system
PDF
Artificial intelligence and machine learning for the analysis and enrichment ...
PPTX
Balancing enhancement, innovation and invention
PPTX
The new phygital normal: case studies from India Shalini Bansal (Museums22)
PPTX
Towards inclusive digital museum innovation: theoretical and practical issues...
PDF
Digital is our everyday reality, digital preservation should be too
PPTX
Cyberattacks: the reality, the trauma, and how to survive. A case study from ...
PPTX
A shot in the arm for QR Codes in museums
PDF
Museums+Tech 2022 Closing panel
PPTX
Museums+Tech 2022 Keynote
PDF
Entertaining audiences in a time of crisis Alix Geddes, One Further
PPTX
COVID, content strategy & organisational change Georgina Brooke, National Mus...
PDF
Virtual tours and monetisation Paul Fabel, Guided & Nathan Wilson, YourTour
PPTX
Videogames and museums: fields in convergence Amy Hondsmerk, Nottingham Trent...
PPTX
Inclusive digital practice in post-lockdown society Becki Morris & Sarah Simc...
PPTX
With a houseboat and an iPhone (how IWM supported home learning during lock d...
PPT
Brave new world – thinking about the future of museums Sharon Heal, Director ...
PPTX
Museums in an Earth crisis – and how digital can help Bridget McKenzie, Clima...
PPTX
SDDC virtual visits pre and post COVID-19: what’s changed? Emilie Carruthers,...
12,000 sheets of paper per week
how online collections could potentially impact the actual art system
Artificial intelligence and machine learning for the analysis and enrichment ...
Balancing enhancement, innovation and invention
The new phygital normal: case studies from India Shalini Bansal (Museums22)
Towards inclusive digital museum innovation: theoretical and practical issues...
Digital is our everyday reality, digital preservation should be too
Cyberattacks: the reality, the trauma, and how to survive. A case study from ...
A shot in the arm for QR Codes in museums
Museums+Tech 2022 Closing panel
Museums+Tech 2022 Keynote
Entertaining audiences in a time of crisis Alix Geddes, One Further
COVID, content strategy & organisational change Georgina Brooke, National Mus...
Virtual tours and monetisation Paul Fabel, Guided & Nathan Wilson, YourTour
Videogames and museums: fields in convergence Amy Hondsmerk, Nottingham Trent...
Inclusive digital practice in post-lockdown society Becki Morris & Sarah Simc...
With a houseboat and an iPhone (how IWM supported home learning during lock d...
Brave new world – thinking about the future of museums Sharon Heal, Director ...
Museums in an Earth crisis – and how digital can help Bridget McKenzie, Clima...
SDDC virtual visits pre and post COVID-19: what’s changed? Emilie Carruthers,...
Ad

Recently uploaded (20)

PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PPTX
Big Data Technologies - Introduction.pptx
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
Cloud computing and distributed systems.
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Machine learning based COVID-19 study performance prediction
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
MYSQL Presentation for SQL database connectivity
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Electronic commerce courselecture one. Pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
“AI and Expert System Decision Support & Business Intelligence Systems”
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Big Data Technologies - Introduction.pptx
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Cloud computing and distributed systems.
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Advanced methodologies resolving dimensionality complications for autism neur...
Understanding_Digital_Forensics_Presentation.pptx
sap open course for s4hana steps from ECC to s4
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Encapsulation_ Review paper, used for researhc scholars
Machine learning based COVID-19 study performance prediction
Spectral efficient network and resource selection model in 5G networks
MYSQL Presentation for SQL database connectivity
The AUB Centre for AI in Media Proposal.docx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Electronic commerce courselecture one. Pdf
Building Integrated photovoltaic BIPV_UPV.pdf

Presenting and referencing high resolution images on the web

  • 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
  • 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.  
  • 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.
  • 67.  
  • 68.  
  • 69.  
  • 70.  
  • 71.  
  • 72.  
  • 73.  
  • 74.  
  • 75.  
  • 76.  
  • 77.  
  • 78.  
  • 80.  
  • 81.  
  • 82.  
  • 83.  
  • 84.  
  • 85.  
  • 86.  
  • 87.  
  • 88.  
  • 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

Editor's Notes

  • #6: 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.
  • #7: 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.
  • #8: 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.
  • #9: 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.
  • #15: It will be interesting to see how large these images might get over the next 10 years.
  • #24: Having multiple copies of large numbers of big images can cause huge problems for storage, archiving and back-up systems.