web网页界面如何给前端标注，切图

一键标记切图， *** 作更快捷安装蓝湖插件之后，即可一键标记切图，方便快捷。

一键上传蓝湖，自动共享给同事

将标记好切图的设计图一键上传到蓝湖，即可将设计图跟切图共享给你的同事，管理更科学。

无须逐一发送，你的同事就能在线查看、在线评审设计图，还能自动标注和下载切图。

一键下载切图，支持多种设备

设计图上传到蓝湖后，可以一键下载多页面切图，也可以下载单张设计图内的切图文件；

而且蓝湖的切图下载支持多种设备，

开发常用的 PNG、SVG、JPG、PDF、WebP 格式都有哦~

一键压缩切图，告别二次加工

蓝湖支持一键压缩切图，能有效地缩小应用和网站的图像大小，从而让网站加载更快，用户体验更佳！

设计师和开发工程师从此告别切图文件二次加工，再也不用一张张地压缩切图文件了。

图像的标记属性主要有：

<img>称为图像标记，用来在网页中显示图像。使用方法：<img src=''路径/文件名.图片格式"width="属性值"height="属性值"border="属性值"alt="属性值">

<img>标记主要有以下属性：

1：src属性指定我们要加载的图片的路径，图片的名称以及图片的格式

2：width属性指定图片的宽度

3：height属性指定图片的高度

4：border属性指定图片的边框宽度

5：alt属性有两个作用：

① 如果图像加载失败，会用文字来代替图像显示。

② 搜索引擎可以通过这个属性的文字来抓取图片。

注意：<img>是单标记，不需要使用</img>来闭合

---