Images and attachments

# Images and Attachments

## Images

The syntax for images is:

```
![image description](image URL)
```

### Specify image size

**Set width and height**

```
![](image URL#size=widthxheight)
```

For example:

```
![](/media//202003/2020-03-162054380444823ec2089addb07d92e72eec3d6f2ad025df43f678.jpg#size=100x100)
```

The image will be displayed at a size of 100x100:

![](/media//202003/2020-03-162054380444823ec2089addb07d92e72eec3d6f2ad025df43f678.jpg#size=100x100)

**Set percentage**

```
![](image URL#size=width percentage)
```

For example:

```
![](/media//202003/2020-03-162054380444823ec2089addb07d92e72eec3d6f2ad025df43f678.jpg#size=50%)
```

The image will be displayed at a size of 100x100:

![](/media//202003/2020-03-162054380444823ec2089addb07d92e72eec3d6f2ad025df43f678.jpg#size=50%)

### Specify image position

You can specify the position of the image as center, right, or left

```
![](image URL#align=position value)
```

For example:

```
![](/media//202003/2020-03-162054380444823ec2089addb07d92e72eec3d6f2ad025df43f678.jpg#size=100x100&align=center)
```

will display the image centered:

![](/media//202003/2020-03-162054380444823ec2089addb07d92e72eec3d6f2ad025df43f678.jpg#size=100x100&align=center)

### Paste and upload images

The MrDoc editor supports pasting and uploading images. For example, screenshots taken with the shortcut keys of QQ, WeChat, and DingTalk, or images copied via right-click on a web page, can all be pasted and uploaded directly in the editor.

### Select images

At the same time, you can click the :fa-picture-o: button in the editor toolbar to select and upload an image, or select an already uploaded image to insert into the document:

![](/media//202005/2020-05-02_080930.png)

## Image display examples

Image:

![](/media//202002/2020-02-23121053697014.png)

> The image above is a local image

Image with link:

[![](https://pandao.github.io/editor.md/examples/images/7.jpg)](https://pandao.github.io/editor.md/images/7.jpg "Li Jian's debut album \"Like the Flowing Years\" cover")

> Image: Li Jian's debut album "Like the Flowing Years" cover

## Attachments

MrDoc supports attachment uploads. You can click the :fa-cloud-upload: button in the editor toolbar to upload a local file, or select an already uploaded attachment to insert into the document.

Below is an example of an attachment:

First attachment:
[Attachment: MrDoc.zip](/media/attachment/2020/04/MrDoc_lar1ArJ.zip)