如何在Viedoc中将图像添加到表单
本节说明如何在Viedoc中将图像添加到表单。
首先,请确保您正在使用的图像在像素大小方面得到了优化。除了设置所需的图像宽度和高度,您还应通过删除所有不必要的信息,同时保持所需的图像质量水平,将其缩小到最小的文件大小。 文件格式应为PNG或JPG。 可以使用Photoshop或类似软件来优化图像。 我们还建议您使用http://optimizilla.com 之类的网站删除Photoshop无法处理的内容。
重要!请注意,您应对在外部网站上上传的任何图像负责。 |
请按照下面的分步指南将图像添加到表单中:
1 |
在您要放置图像的表单中添加一个静态文本字段。 |
2 | 导出Operational Data Model (ODM). |
3 | 在文本编辑器中打开ODM,然后搜索在上面的步骤1中添加的静态文本字段的变量ID。 |
4 |
将下面蓝色的“静态文本”替换为以下代码:
该代码将确保图像不会比浏览器窗口大。 |
5 |
转到http://www.cssportal.com/image-to-data/ 并上传图像(仅适用于PNG和JPG图像)。确保仅上传经过像素尺寸优化的图像,否则ODM的尺寸将变得太大。 |
6 |
复制 Data URI 字段中的所有文本(双击以标记所有文本)。 |
7 |
将其粘贴到src参数。 见图片: |
8 | 保存ODM并将此编辑后的设计作为新版本导入Viedoc。可以删除导出的版本(以保持版本号连续)。 |
在Viedoc Clinic中,图像将显示如下:
在Viedoc Me中,图像将显示如下: