# image

**元素介绍：**<br>

​    **作为图片元素被使用**

​   `image`属于内容元素的一种，可用于内容块的`extra`字段和备注块的`elements`字段。

**字段定义：**<br>

| 字段    | 必须 | 类型   | 取值     | 说明          |
| ------- | ---- | ------ | -------- | ------------- |
| tag     | 是   | String | "img"    | 元素标签     |
| img_key | 是   | String |          | 图片资源，获取方式：[上传图片](https://open.feishu.cn/document/ukTMukTMukTM/uEDO04SM4QjLxgDN)      |
| alt     | 是   | Struct |[text](https://open.feishu.cn/document/ukTMukTMukTM/uUzNwUjL1cDM14SN3ATN) | 图片hover说明 |
| preview   | 否   | Bool |true / false| 点击后是否放大图片，缺省为true。在配置 [card_link](https://open.feishu.cn/document/ukTMukTMukTM/uYDN1UjL2QTN14iN0UTN) 后可设置为false，使用户点击卡片上的图片也能响应card_link链接跳转            |

**效果样例：**<br>

![图片名称](//sf3-cn.feishucdn.com/obj/website-img/dc7a626c83c15fd3c1362e28e2c72d01_image.png)

**JSON样例：**<br>

```json
{
    "chat_id": "667*****************032",
    "msg_type": "interactive",
    "card": {
        "elements": [
            {
                "tag": "div",
                "text": {
                    "tag": "plain_text",
                    "content": "image element"
                },
                "extra": {
                    "tag": "img",
                    "img_key": "8ef***************************952",
                    "alt": {
                        "tag": "plain_text",
                        "content": "hover图片后的tips文案"
                    }
                }
            },
            {
                "tag": "hr"
            },
            {
                "tag": "note",
                "elements": [
                    {
                        "tag": "img",
                        "img_key": "f32**************************cf7",
                        "alt": {
                            "tag": "plain_text",
                            "content": "hover图片后的tips文案"
                        }
                    },
                    {
                        "tag": "plain_text",
                        "content": "note"
                    }
                ]
            }
        ]
    }
}
```

**注意事项：**<br>

- 放置在内容模块的extra的图片尺寸固定为64*64
- 放置在备注模块的elements的图片尺寸固定为16*16