Image

Note

The task interface configuration guide describes the features of the HTML/JS/CSS editor. You can also try adding an image in Template Builder.

To add an image to the task, use the {{img src=<image URL>}} component. Example:

{{img src=url width="100px" height="75px"}}

You can store your files in Yandex Cloud.

Parameters

ParameterDescriptionRequiredDefault value
src

Image URL. Supported values:

  • URL from the task input data. For example, from the field with url ID: src=url.

  • Direct link. The HTTPS protocol is recommended. For example, src="https://mywebsite.ru/img1.png".

yesno
width

Width of the image. Set in the following units:

  • Pixels. For example, width="100px".

  • Percentage of the size of the parent element. For example, width="100%".

    You can also use a formula for setting the width. For example, width="calc(100%-30px)".

no"300px"
height

Height of the image. Set in the following units:

  • Pixels. For example, height="100px".

  • Percentage of the size of the parent element. For example, height="100%".

    You can also use a formula for setting the width. For example, height="calc(100%-30px)".

no"300px"
real-size

Image scale. Acceptable values:

  • real-size=false — Stretch the image to the size of the parent element.

  • real-size=true — Use the original image size (if it isn't larger than the size of the parent element).

nofalse
classCSS class for the image.no".img"
Contact support

Last updated: February 15, 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