Image Annotator plus IIIF Viewer

Web Annotation(祝W3C勧告) JSON-LDで記述した画像アノテーション、もしくはIIIFプレゼンテーションAPIによるマニフェストJSON-LDを読み込んで画像と注釈を表示します。その画像の部分に対する注釈(Web Annotation)を追加することもできます。

Will display image(s) and annotations described with Web Annotation JSON-LD, or images listed in a IIIF presentation API manifest JSON-LD. You can add Web Annotations on those images.


画像URI(拡張子.jpgなどで判定、もしくはforce as imageをチェック)を与えると、注釈作成ツールとして機能します。追加・作成した注釈は「Show JSON-LD」ボタンで表示して、適宜保存してください。auパラメータ(additonal uri)で注釈JSON-LDを与えると、最初のURI(uパラメータ)で取得した画像に注釈を追加し多重化できます(dual panelなら左右表示)。注釈はフォームから与えることも可能です。なおこのツールは当サイト専用ではなく、スクリプトなどをコピーしてどのサイトでも利用できます

Note some of example links in this page intentionally use http scheme so as not to cause Mixed Content problem to fetch external JSON.

If the URI is for an image (extension jpg, png, etc. or check 'force as image'), then this will be your annotation tool (New annotations can be displayed by "Show JSON-LD" button. Save them by yourself). With au (additonal uri) parameter, more annotations from different source can be added to the images obtained by the u parameter. Annotation form also available. Note this tool is not specific to this site, but can be used in any site.

Annotation Examples

presents multiple images with annotation layer tips with Web Annotations

IIIF Manifests (external) with Annotations

IIIF Manifest Collections (no annotation)

Other formats as Web Annotation

また、2004年頃に実験していたImage Regions語彙によるRDF/XMLも処理できるようにしています(当時の議論メモ)。

Also, RDF/XML of Image Description Experiment in 2004 can be processed, which uses Image Regions vocabulary. See also a discussion memo.

For example, two 'Sharaku' images from different institutes can be displayed side by side.


Now you can compare 2 images (with annotations) side by side.

対応するApplicable Web Annotation


If the text in the above form starts with @prefix, the tool will consider it as Turtle (not very efficient in this case, because the tool converts Turtle to JSON-LD internally). List of image URIs (CR separeted) will be displayed tiled images on which you can make annotations.

やっていることHow things work (technical)