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"}}

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"`

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