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

You can add an image to the page from the clipboard, upload it from your computer, or specify the image URL. For example, add a link to an image uploaded to another Wiki page.

Viewing images

To view images on the page:

Click the image, and it will open in a popup.

To maximize an image to full screen, click in the upper-right corner.
To copy a link to an image, click in the upper-right corner.
To download an image, click in the upper-right corner. Depending on your browser settings, the image will be downloaded to your computer or open in a new tab.
If the page contains multiple images, use and or keyboard arrows to browse them.

Inserting an image from the clipboard

You can add an image from the clipboard both in the visual editor and in markup mode:

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.
Paste the image from the clipboard into the text.

The image will be automatically uploaded to Wiki and added to the list of page resources. See Managing uploaded files.

Uploading an image to a page

In the visual editor or markup mode, click Image on the toolbar.

You can also use the quick access menu: type / and select a command from the list.
Click Upload from device and select one or more files. This will embed the image in the text.
To edit image parameters:
- In the visual editor, hover over the image and click → Edit.
- In the markup mode, you can edit image attributes, such as:
```
![<Alternative_text>](<Image_link> "<Caption>" =<Width>x<Height>)
```

The image will be automatically added to the list of page resources. See Managing uploaded files.

Adding an image using a link

Visual editor

Markdown markup

On the toolbar, click Image.

You can also use the quick access menu: type / and select a command from the list.
Select Add by link:
In the Link field, paste the image URL or the link to an attached file.
Add an image 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.
Click Save.
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 the link to an attached file.
<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.

Note

If you add an image by linking from another page, users without access to that source page won't be able to view it. Learn more about access settings.

Adding download links for images

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

Turning an image into a link

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