意派Epub360使用教程：图片组件.docxVIP

图片(Image)组件是最基本的构成元素，掌握了图片组件的使用，Epub360基本上就算是入门了。图片组件能做到的事情有很多，遮罩属性可以配合滑动和重力感应达到丰富有趣的交互效果。（重力感应需要先勾选可滑动，只能手机端预览）。格式：JPG（JPEG）、GIF（可以直接用图片组件添加，不需要做任何改动）、PNG、SVG（矢量图）做页面背景底图点击图片组件，在素材选择窗口中点击选择准备好的图片调整在画布的位置，这样作为背景底图的使用完成了关于背景图的尺寸要求请看这里图片样式调整在Epub360中，可以对图片进行简单的样式调整尺寸及位置可以对宽高进行单独设置，也可以锁定比例后再调整边框及圆角设置在右侧属性面板切换到“背景及边框模块”，可以设置以下参数：a.线宽：以像素位单位b.颜色：选择线框的颜色c.样式：设置边框的样式，从左往右依次为：无边框、直线线框、点线线框、线段线框d.圆角：以像素为单位，默认是四个角统一调整，也可以单独设置某一个角的圆角值，以左上角为例，如下图，阴影设置（在边框及圆角设置面板的下方）可以为图片素材添加阴影如上图所示，a.可以设置X、Y轴的数值b.选择阴影颜色c.设置阴影的虚化值，默认的阴影是非常生硬的效果，如下图，2.滤镜效果（在阴影设置面板的下方）可以为图片素材添加高斯模糊的滤镜效果a.虚化，数值越大，素材越模糊b.饱和，数值越大，素材颜色越鲜艳c.色调，中间值为暖色调，两侧数值为冷色调d.亮度，数值越大，素材明暗面都会整体提亮e.对比，数值越大，素材的明暗对比度明显如何确保图片清晰首先看微信内容画布及出血区尺寸（如下图）：?微信里满幅的图片，可以处理成740*1136（如图），然后在页面里，选择按50%显示：??其他用于主要视觉显示的图片，也采用同样的处理方法（用50%显示）即可。特别提醒：有些只是做背景图的，没有必要用2倍精度。做微信内容，需要考虑素材的优化压缩，推荐在线压缩PNG图片工具?有些图片的长度或宽度超过了2048px就会被默认压缩为小尺寸的图片，导致不清晰。解决方式：选中图片，在清晰度选项调整为：原图。意派Epub360-专业H5设计工具意派Coolsite360-专业响应式网站/微信小程序设计工具