Toloka documentation

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

    Parameter

    Description

    Required

    Default 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".

    yes

    no

    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).

    no

    false

    class

    CSS class for the image.

    no

    ".img"