Heratio Help Center article. Category: Viewers & Media.

Mirador Image Viewer

User Guide

Advanced IIIF viewer for comparing images, viewing annotations, and working with multi-page documents.


Overview

MIRADORVIEWERImage1Image2(Before)(After)Comparemultipleimagessidebyside

What Makes Mirador Special?

MIRADORFEATURES📊Side-by-Side-Comparemultipleimages📝Annotations-Viewnotesandhighlights📖Multi-page-Browsebooksanddocuments🔗ExternalLinks-Loadimagesfromotherarchives💾Workspace-Saveyourviewingsession🎯Synchronized-Linkzoomacrosswindows

The Mirador Interface

☰Menu⚙️SettingsMainViewingAreaPageThumbnails12345

Basic Navigation

Zooming and Panning

ACTIONHOWTOZoominScrolluporclickZoomoutScrolldownorclick-Pan/MoveClickanddragResetviewDouble-clickorHomebuttonFullscreenClickexpandicon

Opening the Side Panel

Click the ☰ Menu button to access:

SIDEPANELOPTIONS📋Index-Tableofcontents(ifavailable)🖼️Thumbnails-Page/imagegridℹ️Information-Metadataabouttheitem📝Annotations-Notesandhighlights🔍Search-Findtext(ifavailable)📚Layers-Multipleversionsofsameimage

Comparing Images Side by Side

Step 1: Open First Image

Load your first image in the viewer.

Step 2: Add a Window

Click Add Window or the + button.

Step 3: Load Second Image

Browse to and select the second image.

Step 4: Arrange Windows

COMPARISONLAYOUTSSidebySide:Image1Image2Stacked:Image1Image2Grid(4images):1234

Synchronized Viewing

Lock windows so they zoom and pan together:

Enable Sync

  1. Click on a window's menu (⋮)
  2. Select Sync windows
  3. Choose which windows to link
Window1Window2🔗Synced🔗SyncedZoomhereZoomsheretoo

Viewing Annotations

If an image has annotations:

ANNOTATIONSAnnotationsappearas:📍Markers-Pointsofinterest⬜Rectangles-Highlightedareas✏️Notes-Textcomments🏷️Tags-LabelsandcategoriesClickonannotationtoseedetailsToggleannotationson/offinsidepanel

Viewing Annotation Details

📝ANNOTATION"Thissignaturematchestheonefoundinthe1892lettercollection."Addedby:J.SmithDate:15December2025

Multi-Page Documents

PAGENAVIGATIONPreviousPage5of42NextOrusethumbnailstripatbottom:1234[5]67...

Book View Mode

View facing pages like an open book:

BOOKVIEWPage4Page5(Left)(Right)

Loading External IIIF Manifests

Mirador can display images from other institutions:

Step 1: Get the IIIF Manifest URL

Example: https://other-archive.org/iiif/item123/manifest.json

Step 2: Add Resource

  1. Click Add Resource (+ icon)
  2. Paste the manifest URL
  3. Click Add

Step 3: View the Item

The external image appears in your workspace.


Workspace Features

Save Your Session

Save your current view to return later:

  1. Click ⚙️ Settings
  2. Select Save Workspace
  3. Give it a name

Export Workspace

Share your comparison setup:

  1. Click Export
  2. Copy the JSON or link
  3. Send to colleague

Keyboard Shortcuts

KEYACTIONor=Zoomin-Zoomout0ResetviewPrevious/NextpageHomeFirstpageEndLastpageFTogglefullscreenIToggleinformationpanelTTogglethumbnails

Common Uses

USEMIRADORFOR:📊Comparing-Before/afterrestoration-Differenteditionsofatext-Originalvs.copy📖Reading-Multi-pagemanuscripts-Boundvolumes-Newspapers🔍Researching-Cross-referencingsources-Examiningannotations-Collaborativeanalysis

Tips

✓DO✗DON'TUsesyncforcomparisonsPaneachwindowseparatelySaveworkspacesforprojectsRecreatelayoutseachtimeCheckforannotationsMissscholarlynotesTrybookviewfordocumentsViewpagesoneatatimeUseexternalmanifestsOnlyviewlocalimages

Troubleshooting

ProblemSolutionWindowswon'tsyncChecksyncisenabledforbothTryclosingandre-addingExternalmanifestfailsCheckURLiscorrectSourcemaynotallowCORSAnnotationsnotshowingToggleannotationspanelImagemaynothaveanyWorkspacewon'tsaveCheckbrowserallowsstorageTryexportinginstead

Need Help?

Contact your system administrator if you experience issues.


Part of the Heratio AHG Framework