Images

Note

Here you'll learn how to work with the new Wiki editor. For more information about markup in the old editor, see Markup guide (old editor).

Inserting an image from the clipboard

  1. Copy an image to the clipboard:

    • Copy a picture from an image editor or take a screenshot.
    • Copy a picture from a web page.
    • Copy an image file from the file manager on your computer.
  2. Paste the image from the clipboard into the text.

The image is automatically uploaded to Wiki and added to a list of page attachments.

Uploading an image to a page

  1. On the toolbar, click  Image.

    You can also use the quick access menu: type / and select a command from the list.

  2. Select how you want to embed the image:

    • To add an image from a device, click Upload from device and select one or more files.

    • To upload an image from a link, click Add by link:

      • In the Link field, paste the image URL.
      • Add a Picture caption. The caption will be displayed when you hover over the image.
      • Enter Alternative text. The text is displayed if the image fails to load.
      • Specify the image size in pixels. Since the image is scaled to maintain its aspect ratio, you can approximate the height.
  3. Click Save.

  4. To edit the image parameters, switch to edit mode, hover over the image, and click Edit.

To embed an image in text, add code in the following format:

![<Alternative_text>](<Image_link> "<Caption>" =<Width>x<Height>)

Markup parameters:

  • <Alternative_text> shows when the image fails to load.
  • <Image_link>: URL of the image or relative address of the file from the list of attached files.
  • <Caption> shows when you hover over the image.
  • <Width> and <Height> in pixels. Since the image is scaled to maintain its aspect ratio, you can approximate the height.

To enable users to download an image when clicked, use the following markup:

[<Link_text>](<Image_link>)
Example
[Yandex logo](https://img.yandex.net/i/logo95x37x8.png)

Result:

Yandex logo

You can turn the image into a link so that clicking on it will open a page or file. To do this, insert an image in the link markup element instead of text:

[![<Alternative_text>](<Image_address>)](<Link_address>)
Example
[![Yandex logo](https://img.yandex.net/i/logo95x37x8.png)](https://ya.ru)

Result:

Yandex logo

See also