快捷搜索:

SharePoint 2013新特性之图像呈现形式(Image Renditi

之前在一些项目的时刻,发明用户向页面/Web Part/自定义利用插入图片的时刻,很少故意识会改动图片大年夜小,导致原先一个300x300大年夜小的显示区域,用了一张3000x3000的图片(而且还有可能是bmp的……),导致了带宽资本极大年夜的挥霍,也影响了页面的加载速率。

很多国产的(国外的没怎么打仗过)CMS(内容治理系统),以致一些编辑软件中(比如我正在用的Live Writer),着实都有能够自动天生小尺寸图片的功能。对付SharePoint来说,在之前只有图片库会自动天生缩略图的图片,然则图片大年夜小不能设定。

在SharePoint 2013中,就增添了一个异常故意思的功能,实现这一需求,这个功能叫Image Rendition,中文版翻译叫做图像出现形式(我照样想吐槽这一版的中文翻译,很多地方翻的照样有问题)。我们先来直不雅地感想熏染一下:

当我们必要向页面中插入一张图片的时刻,比如我们直接选择一个来自SharePoint的图片:

我们可以看到这是张尺寸不小的图片(当然没到3000x3000这么夸诞),在以往我们可能就经由过程拖拽图片周围的8个节制点来缩小图片以适应页面大年夜小,但这样的话图片本身的大年夜小并不会改变,并不会节省带宽资本。

在SharePoint 2013上,当我们选中“图像”Ribbon标签的时刻,可以看到有一个叫“选择出现形式”的按钮:

经由过程这些预设的图片出现形式模版(后面会先容若何编辑和自定义这些模版),我们可以改动图片的显示尺寸,比如我们选择304x100之后:

可以看到图片缩小了,并且用户看到切实着实实是一张304x100的图片,而不是原尺寸图片缩小显示的。

假如你感觉这并没有什么,那么我们来看一下图片出现形式的编辑。

先来看看之前那几个模版是在什么地方设置的,进入网站设置,在“外不雅”分组可以看到“图像出现形式”的设置,进入:

这里就可以看到刚刚的那些模版了,SharePoint会内置4个显示模版,这几个显示模版会在SharePoint内置的一些Web Part中应用到(比如内容查询Web Part、全新的内容搜索Web Part——这个有时机再零丁先容,选择显示样式的时刻,会用到这些)。我们可以改动原有的模版,也可以创建自己的显示模版,只着名称、宽度、高度三个参数,很简单我就不截图了。

接下来便是厉害的了,你是不是感觉SharePoint只是自动把图片按照尺寸缩小了?No……在第二张截图中,我们可以看到“选择出现形式”着末一个选项叫“编辑出现形式”,或者我们也可以进入到保存图片的资本库中,在图片的Callouts菜单(这也是2013中新增的一个UI特点,有时机零丁先容)中看到这个操作:

进入“编辑出现形式”:

着实我们可以留意到,SharePoint并不老是直接缩小我私家们的原始图片,而是会按照图片的比例去截取中心的一部分,假如你感觉截取的这部分不太好,可以点击“单击可变动”,便可以随意按照特定的比例来剪裁我们所必要的部分:

留意上面的那行字没有,“假如变动此图像的出现形式,则新图像传播到全部网站可能必要数分钟。”这意味着什么?这意味着当我们改动了这个图像在304x100这个尺寸的出现形式的时刻,曩昔我们凡是我们插入过这张图片、并且应用了同样模版的地方,都邑自动更新成这个新的样式,不必要再从新编辑那些图片所在的页面:

着实背后的道理很简单,SharePoint并不会把所有的出现形式都天生到文档库中(稍后会详细阐明),假如我们在图片上点击右键,查看图片地址的话:

我们可以看到,SharePoint只是在图片原地址后面加上了“RenditionID=2”的参数,这个2便是304x100这个图像出现模版的ID,这个图像是根据我们的设置动态天生的(严格来说并不太准确,后面会阐明)。以是用到这张图片的这个模版的地方,都邑自动发生变动。

你已经迫在眉睫要考试测验了?什么?你说在你的情况中找不到“图像出现形式”?别急,着末,先容一些留意事变:

第一,假如要应用图像出现形式,必须要开启网站的Blob缓存。这个是在web.config中的BlobCache节点,默认是关闭的,把enabled设成true,并且建立响应的本地文件夹即可。BlobCache的主要目的,便是把一些图片、视频等资本,在前端办事器上建立一份缓存,这样当用户哀求的时刻,可以不必再向数据库哀求。以是图像出现形式只是在第一次查看的时刻,会根据我们的选择动态天生指定尺寸的“缩略图”,之后就缓存到前端办事器了。是以,才会有那句“假如变动此图像的出现形式,则新图像传播到全部网站可能必要数分钟。”

第二,看上去并不是所有的图片都支持“图像出现形式”的编辑,SharePoint只针对“资本库”这个文档库模版才有那个“编辑出现形式”的菜单。但实际上,所有图片都可以编辑出现形式——在插入图片的时刻,从那个“选择出现形式”的菜单中可以选择“编辑出现形式”(见第二张截图)。以是,纵然图片不在资本库中也可以,然则必须在文档库中。

第三,看上去并不是所有的网站都支持“图像出现形式”,默认环境下,只有开启了宣布功能的网站,才会有那个“选择出现形式”的菜单呈现,并且只能在页面上应用,不能在多行文本编辑器中应用。然则由于图像出现形式只在图片Url后面加了个参数而已,以是我们着实可以在任何一个地方经由过程地址去插入这个图片。

您可能还会对下面的文章感兴趣: