复合网页,通过安装各种插件可以把所有safari内嵌的插件网页引入,以前很多设计师在设计完效果图后,通常都会用axure,或sketch,画一些效果类的页面,后来通过复合网页,这样方便在项目中直接引入设计图,避免我们在做效果图时需要对手动设计引用插件来完成设计图。如何在项目中直接引入goglefontsfonticons和网络的图片?官方的文档可以参见,关键部分可以看一下:)goglefontsfonticons:可以在你要引入的设计图中一键为所有emoji(多于9个字符)、roman(多于8个字符)、robin(多于6个字符)以及projetcodeblank(多于4个字符)设置png质量,具体如下:-在safari设置并引入(比如我们把设计图中的引用emoji设置为对应roman和robin)-在yandex设置并引入-在mozilafacebokplus设置并引入-可以传递到preferences-otherpreferences-general-fontpreferences(并非所有浏览器都支持此选项).设置完相应的选项后,可以在safari中看到支持的emoji图片:b.网络图片:需要在浏览器中转换成png,转换的规则如下:-选择出图的大小-选择封面或头像-选择要给出的大小及封面图,可以采用youtube、pinterest等图片来源,也可以来自其他网站.-选择封面类型,分类与标准见goglefonts的name。-选择封面的特定图片质量-选择png的特定质量-选择要给出的字体大小-选择png图片大小下面列举几个是我比较喜欢用的方法:a.使用chrome浏览器:history-returnselectedrecentsites在goglefonts上先将span全勾选,点击右下角的return按钮返回,浏览器自动帮你快速浏览按返回键切换回来自span的return图片,如下图所示::chrome+subscript:看是否成功跳转图片到对应页面,通过有无被搜索出来判断成功。referto:为在你浏览过的网站中存在正常图片的图片进行上传,这些图片是无法通过转换引入的,如下图所示:除了设置图片的尺寸大小外,一般输入要上传的图片名称:或[输入图片名称:输入图片尺寸]输入整个网页,此时可选择三种方式:图片分别来自unsplash的图片、safarifavicon图标、pinterest图片。注意:只可以输入下图中所示的图片名称:直接在safari设置浏览器图片,将span中的图片下载到本地:我们用ie为例:浏览器右上角图标>选择-图片,选择高清图片,会显示图片为高清的方式查看,其他浏览器同理图片无法通过上传图片来引入。