新闻中心

YOUDIANCMS缩略图设置详细教程

作者 / 无忧主机 时间 2018-04-24 08:45:05

YOUDIANCMS采用了响应式的编程方式,特点是可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局,因此设计网站时就需要解决图片兼容问题,当浏览屏幕变小时,系统会自动将图片压缩到一定的格式,才能合理的显示页面内容,YOUDIANCMS设置缩略图参数后,可以在独立IP虚拟主机完美呈现各种屏幕大小的布局,下面请看YOUDIANCMS缩略图设置的方法。 登陆网站后台,打开系统设置->缩略图设置,如图1所示,按照以下方法根据自己的需求进行设置: 图1 1、第一个图片作为缩略图 在“是否提取内容第一个图片作为缩略图”中,选择是表示当详细内容中包含图片时,自动提取第一张图片作为当前信息的缩略图,选择否表示不采用这种缩略图生成方式。 2、自动生成缩略图 在“是否按指定方式自动生成缩略图”中,选择是表示自动按指定生成方式、宽度、高度生成缩略图,设置方式如下,选择否表示生成缩略图,图片将以原图的形式显示,这里建议选择是。 3、缩略图生成方式: 表示按某种方式将上传的原图变成指定尺寸缩略图,主要有以下几种: (1)自动留白:首先将缩略图四周补白以达到和原图比例一致(如果缩略图和原图宽高比例不同),然后在将原图按比例缩放到缩略图尺寸。这种方式能能保持缩略图保持原始比例,从而不变形,因此推荐使用; (2)固定尺寸缩放:和第一种方式不同,直接将原图(不补白)按缩放到缩略图尺寸,当原图和缩略图的宽高比例不同时,生成的缩略图会变形,如同示意图2所示; 图2 (3)居中裁剪:按缩略图尺寸在原图中间裁剪来生成缩略图; (4)左上角裁剪:按缩略图尺寸在原图左上角裁剪来生成缩略图; (5)右下脚裁剪:按缩略图尺寸在原图右下脚裁剪来生成缩略图; 缩略图宽度:设置生成缩略图的宽度; 缩略图高度:设置生成缩略图的高度。 4、缩略图是否添加水印 选择是将会为缩略图添加水印,这个功能需要在系统设置->水印设置启用水印才能使用,如图3所示, 图3 将是否启用水印设置为是然后保存即可。 以上就是独立IP空间下YOUDIANCMS缩略图设置详细教程,希望对大家有所帮助。

本文地址:https://www.51php.com/youdiancms/26599.html

1
1
1
1
1
1
1

客户服务热线

0791-8623-3537

在线客服