wide对图片的处理有一个很重要的特性是：全自动处理。

基于此特性，wide提供了三种插入图片的方法：1、点击图片按钮添加图片；2、将图片直接复制粘贴到wide中；3、直接将图片拖拽到wide里。发布时，wide会自动设置压缩尺寸，如果出现不清晰(极少数复用情况下)，可以手动设置压缩。保存时，wide还会自动下载图片，名称与URL中的名称一致，根据设置，可能在img目录下添加源码域名目录。

注意：图片原始尺寸不要极大，会导致服务器处理的慢，影响体验效果。

点击插入一张图片。

参数解释:

l  url：url是图片存放的位置。可以添加图片的相对地址或绝对地址，推荐使用相对地址，需要把图片放在项目下static/img的文件夹里，格式是/img/图片名.后辍。

l  替换文本：当添加的图片不存在时或者无法显示时，会显示替换文本里的内容。

l  宽度：宽度是指图片宽度，单位默认是px，不用填写单位。右边如果是锁的状态，指的是宽度和高度要和原来的图片的比例是一样的，给个宽度，高度就会自动生成；如果是不锁的状态，宽度和高度都可以任意的设置。

l  高度：高度是指图片高度。注意：宽高值设置的不宜比图片实际大小过大，否则图片由于被拉伸过大而会显示模糊。

l  边框大小：边框大小指的是图片的最外边的边框大小。

l  水平间距：水平间距是图片的左外边距（margin-left）和右外边距（margin-right），默认单位为px。

l  垂直间距：垂直间距是图片的上外边距（margin-top）和下外边距（margin-bottom），默认单位为px。

l  对齐方式：对齐方式指的是图片是左对齐还是右对齐。

参数解释：

l  url：url是点击图片要跳转页面的url。 

l  目标窗口：要跳转的页面在哪个窗口打开，详细请参考target属性。

l  新窗口：在新窗口中打开被链接页面。

l  本窗口：在本窗口直接跳转，本页面消失。

l  整页：在整个窗口中打开被链接页面(需要有框架)。

l  父窗口：在父框架集中打开被链接页面。

图片的高级部分，可以给图片添加id、样式等。

参数解释：

l  ID：可以给图片设置id，方便操作图片。

l  详细说明url：属性规定指向图像描述信息页面的 URL，详细说明请参考longdesc属性。

l  样式类名称：添加样式类的名字，样式类需要先定义好。

l  标题：设置标题后鼠标放在元素上会显示标题内容。

l  行内样式：此处是添加元素的行内样式(style)，自定义添加样式的地方。

使用图片必须设置压缩功能，不要使用未经压缩的图片，否则可能导致图片不显示。wide会自动设置压缩尺寸（如果图片宽度大于1280，那么wide会自动压缩到1280），如果出现不清晰(极少数复用情况下)，可以手动设置压缩。手动设置时，宽度高度都要设置，值的大小通常与图片本身相同或略大于图片自身。

注意：如果发现图片模糊，最简单的办法是在首页勾选“禁用图片自动压缩”，然后重新保存发布。如果不希望禁用自动压缩，只需要在模糊图片的压缩属性里，设置合理的值，重新发布，图片就会清晰。

参数解释：

l  素材最大宽度、高度：图片素材超过这个宽度、高度，会被自动压缩到此宽度，0表示忽略压缩。

l  元素最大宽度、高度：设置元素级的压缩宽度、高度，相同图片素材，每个元素各个独立。

l  可预览：勾选此项后，在页面中点击图片可同相册一样浏览本页中设置此项的图片。此项功能可用于需要全屏查看图片。如果页面发布后无效果，请先清除浏览器缓存。

在wide主界面的设置中有“禁用图片自动压缩”选项可以结合压缩使用，勾选此项可以禁止wide自动填充上面的参数值。如果未禁用图片自动压缩，那么如果压缩阀值被设置为大于0的数值或者没设置，并且图片能够正常显示，保存时会自动根据当前图片显示信息更新压缩值。