Image classification

For this type of project, you can use the Image classification preset. Note that validation, keyboard shortcuts, and task layout are already configured in this example.

View example
Components used in the example
Note

You can add media files (audio files, videos, images) from your own server, a cloud storage like Google Cloud, Amazon AWS, or Yandex Cloud.

What else can be configured

  • To add a detailed description to the task, use the view.text component.

    Show code
    View example

    If you need to display formatted text, use the view.markdown component. Note that this setting is resource-intensive and might overload Tolokers' devices that aren't powerful enough.

  • To let Tolokers leave comments about the task or their response, add a text field using field.textarea.

    Show code
    View example
  • Add keyboard shortcuts to rotate and zoom in images in the plugin.hotkeys configuration.

    Show code
    View example

If this preset doesn't meet your needs, see other examples in this section.

Other options for buttons

Decide whether a Toloker can select only one or multiple answer options:

Multiple options (checkboxes)
One option (a radio button)

If there are several possible answers to the question, add a group of checkboxes using the field.checkbox-group component.

Show code
View example

Add conditions

The helper.if component displays an interface element after a specific response is selected. For example, it lets a Toloker select correct statements about an image only if the image is loaded.

Show code
View example

Does the image match the search query

Add a button that opens the search results and generate a search query link using the helper.search-query component. To make sure that a Toloker clicked on the link and checked its contents, configure validation, as in the example.

Show code
View example

Side-by-side image and web page comparison

You can display the web page in the built-in window using the view.iframe component. Place the image next to it using layout.side-by-side.

Show code
View example

Side-by-side image and mobile web page comparison

This is a more complex example that compares the image with the results of a search query. The following components are added:

Show code
View example

See also

Contact support

Last updated: June 30, 2023

Introduction
Getting started
Important tips
Useful recommendations
Working with Toloka
Projects
Pools
Tasks
Results
Project analysis
Toloka settings
Task interface
Template Builder
HTML/CSS/JS editor
Help and support
FAQTroubleshootingSupportGlossary