Customise Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorised as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyse the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customised advertisements based on the pages you visited previously and to analyse the effectiveness of the ad campaigns.

No cookies to display.

  1. Home
  2. Knowledge Base
  3. Annotating with Hypothesis
  4. Image Annotation in the Hypothesis Web App
  1. Home
  2. Knowledge Base
  3. Hypothesis in the Public Web
  4. Image Annotation in the Hypothesis Web App

Image Annotation in the Hypothesis Web App

Who is this article for?

This article is for users of the Hypothesis web app who want to learn more about image annotation. If you are looking for information about Image Annotation for the Hypothesis LMS app, click here.

What is Image Annotation?

Image annotation lets Hypothesis users create area selections over documents and images when creating annotations. Image annotations allow users to create rectangular areas, or to create a pin, as a way of indicating the part of the document their annotation references. A thumbnail of the selection area (or the area around a pin) will appear on the annotation Card in the same place where the selected text for a text annotation typically appears.

Like text annotations, users can reply and link to image annotations.

Note: The initial release of the image annotation feature is limited to PDF documents only. Support for other document types will be added soon.

How to create an image annotation

  1. Open the document that you would like to annotate in your browser.
  2. Activate Hypothesis using the Chrome extension, Bookmarklet, or Via.
  3. In the sidebar, click the Rectangle or Pin buttons to activate image annotation.

    Hypothesis sidebar showing with the image annotation buttons encircled in red.

    • The rectangle selection – allows a user to choose a rectangular area in the document to annotate.
      Rectangle selection button. It's a square button with handles at the corners.
    • The pin selection– allows a user to annotate a particular point in the document.
      Pin annotation button. It resembles an image of a pin.
  4. Select an area or a point in the document that you would like to annotate. This will open the text editor in the annotation Card where you can write your annotation.It shows the annotation card in the Hypothesis sidebar displaying a preview of the selected area using the rectangle selection tool along with the field to enter an annotation.
    Note
    : If the selected area includes any selectable text, that text will be used as the alt-text for the image thumbnail in the annotation card.It shows the annotation card in the Hypothesis sidebar displaying the thumbnail of the selected area with a tool tip showing the alt text for the image.
  5. Once you’ve added text to your annotation, click Post.

Viewing Image Annotations

Once your image annotation is posted, it will display your comment along with a preview of the annotated image area.

Image Annotation Created from the Rectangle Selection Tool

When you use the rectangle tool, the annotation card will show the selected area along with your annotation.

It shows the annotation card in the Hypothesis sidebar displaying a preview of the selected area using the rectangle selection tool along with a saved annotation.

Image Annotation Created from the Pin Annotation Tool

When you use the pin tool, the annotation card will show a pin and a preview of the area around it, along with your annotation.

It shows the annotation card in the Hypothesis sidebar displaying a preview of the point selected using the pin annotation button and the area around it along with a saved annotation.

Image annotations are shown in the sidebar alongside text annotations. If the sidebar is set to sort annotations by location, the image and text annotations will be sorted following these rules:

  • Annotations are grouped by the page they appear on.
  • On each page:
    • Text annotations appear first.
    • Image annotations follow text annotations.
    • Multiple image annotations are ordered based on their position from top to bottom on the page (the highest appears first).
      Was this article helpful?

      Related Articles