Image Studio
  • 18 Feb 2025
  • Dark
    Light
  • PDF

Image Studio

  • Dark
    Light
  • PDF

Article summary

Overview

Dataloop offers an image studio that is designed for annotating or labeling images. Annotation in this context involves adding metadata or labels to specific elements within an image, such as objects, regions, or features.

Prerequisites
  • Supported Image formats section to view the supported image formats in the Image Studio.
  • Task Prerequisites: Labeling work is performed in the context of a labeling task. Create your task with the intended data (image files), the Recipe (labels, attributes, and labeling instructions), and annotate team members.

Label Picker

A Label Picker is a feature within the annotation studio that allows you to pick or select labels to assign to specific objects or elements in the data being annotated. You can perform the following activities on the Label Picker section. The available labels are determined in the Recipe.

  • Scroll and click a label to activate it.
  • Use the search bar to easily find labels.
  • Resize the label list to better fit your number of labels by clicking and dragging the separator line.
  • Use the Shortcut keys to navigate between labels.

Annotation Tools

Annotation tools are designed to facilitate the process of data annotation. Data annotation involves adding metadata, labels, or tags to raw data, making it understandable for machines.

By default, the first tool in the list is selected. To activate a different tool, click on the available tools in the list.

Annotation Tool Controls

Selecting a tool will automatically display its specific settings, providing access to enhanced functionality.


Image Canvas

The Image Canvas serves as the main workspace for performing annotations. In addition to annotation tasks, you can:

  • Modify Labels & Attributes by clicking on the label name.
  • Set Object ID for better identification.
  • Clone Annotations to duplicate existing labels.
  • Delete Annotations when necessary.

Learn more about the annotation studio canvas.


Annotations Tab

The Annotations tab on the right-panel allows you to control and manage annotations involves utilizing the annotations list and attribute controls, particularly when attributes are configured in the Recipe.

Learn more about the annotations and actions available.

Item Tab

The Item tab displays information according to the type of the selected item.

Learn more about the item and actions available.


Item Info & Controls (Top-Panel)

Item Info & Controls are available depends on the type of annotation studio. For the detailed information, refer to the following articles.

Keyboard shortcuts

Keyboard shortcuts are also accessible through the top panel of each Annotation Studio, with each studio featuring both general and studio-specific keyboard shortcuts.

The available shortcut keys for the Image annotation studio are listed below:

General Shortcuts

ActionKeyboard Shortcuts
SaveS
DeleteDelete
UndoCtrl + Z
RedoCtrl + Y
Zoom In/OutScroll
Change BrightnessVertical Arrow + M
Change ContrastVertical Arrow + R
PanCtrl + Drag
Search LabelsShift + L
Search a labelShift + 1-9 (for the sub-labels, use the Tab key)
Navigate in label pickerUp and Down arrows
Select label in label pickerEnter
Tool Selection0-9
Move selected annotationsShift + Arrow Keys
Previous ItemLeft Arrow
Next ItemRight Arrow
Add Item DescriptionT
Mark Item as DoneShift + F
Mark Item as DiscardedShift + G
Enable Cross Grid Tool HelperAlt + G
Hold G to show Cross Grid MeasurementsG
Go to annotation listShift + ;
Navigate in annotation listUp and Down arrows
Select/deselect an annotationSpace
Hide/Show Selected AnnotationH
Hide/Show All AnnotationJ
Show Unmasked PixelsCtrl + M
Hide/Show Annotation ControllersC
Set Object ID menuO
Toggle pixel measurementP
Use tool creation modeHold Shift
Copy annotations from previous itemShift + V

Annotation Tool - Semantic

ActionKeyboard Shortcuts
Toggle Paint Bucket ModeShift + B
Toggle EraserShift + E
Toggle Auto SegmentationShift + A
Toggle Super PixelShift + S
Toggle DrawingShift + D
Draw Straight LineShift + Drag
Change OpacityX + Scroll
Stroke SizeAlt + Scroll
Delete Super PixelAlt + Left Click

Annotation - Pose

ActionKeyboard Shortcuts
Next LabelCtrl + >
Previous LabelCtrl + <
New PoseN

Annotation Tool - Polygon

ActionKeyboard Shortcuts
Delete VertexRight Click
Clear / Close PolygonEsc
Clear / Close PolygonEnter

Annotation Tool - Modality

ActionKeyboard Shortcuts
Next layer>
Previous layer<
Toggle visibilitySpace


Item's View Controls (Bottom-Panel)

The controls on the bottom-side panel display based on the annotation contexts and work controls.

Workflow Context

Assignment controls, including moving between items, displaying the item gallery, and the status buttons (Complete / Discard). It displays only while working on an annotation or QA task.

  1. Browse between the assignment items using the Left and Right arrows
  2. Open the Thumbnails' gallery viewer, and click a thumbnail to open that item
  3. Save button - Clicking the button when it is enabled triggers saving changes to the Dataloop platform, before the auto-saving feature takes care of that.
  4. Status buttons - Complete and Discard.

View Controls

From left to right, work controls at the bottom panel deliver the following functionalities:

  1. Zoom control - Small steps using (+) and (-) buttons.
  2. Fit to screen.
  3. Opacity: Adjust the opacity values as needed.
  4. Preview Attributes: Enable/disable the attribute details visibility over the item, next to each annotation.


What's Next