Images

You can insert images by using syntax similar to links but with an extra exclamation mark in the beginning ![image description](image address).

You can simply drag and drop an image into the input area and the system will automatically upload the image onto Eolymp server and add necessary markup to the message.

You can provide additional parameters after the image address using the following format:

![image description](image-url){parameters}

Parameters

Parameter	Type	Description
`width`	`integer`	width in pixels
`height`	`integer`	height in pixels
`ratio`	`double`	aspect ratio as width to height (ie. 0.5 means image is twice as tall as wide)
`title`	`string`	title which appears when hovering over image
`.invert`	`none`	invert image colors in dark mode

Size

You can specify the size of the image using an additional option after the image address. You can either explicitly set width and height parameters or specify image aspect ratio using ratio, so we can correctly calculate image height based on width.

Caption

You can add a caption to an image by adding a special block around the image.

Dark mode

You can also tell Eolymp to invert image colors in dark mode. In some cases, it helps to adapt the image for the dark theme. To enable color inversion, add .invert as an optional option.