前言:请务必先学习图片压缩原则及优化方式,地址:http://www.qiqiuyu.com/faq/538/detail
一、系统内图片类型
1、简墨主题;2、雅致简洁主题;3、会员专区首页海报;4、直播首页;5、首页左上方logo;6、网校浏览器图标;7、课程图片;8、课程讨论区图片9、班级封面图片;10、班级讨论区图片;11、用户头像;12、小组图标;13、小组背景图;14、小组话题图片;15、移动端;16、资讯首页轮播;17、资讯内容图片;18、自定义页面;19、课程介绍。
二、图片尺寸及大小详解
1、简墨主题
设置路径:【管理后台】-【运营】-【web装修】
- 简墨主题首页轮播
最多可设置8张轮播,每张图片可设置对应链接,拖动可调整图片的顺序。
【限宽居中】图片推荐尺寸:1140×450px;大小建议:150KB以内;
【平铺居中】图片推荐尺寸:1920×600px;大小建议:300KB以内;
如果是纯色背景的图,建议使用【平铺居中】,纯色背景图,一般大小100KB左右即可;
图片的高度可自由调整,但必须要保证所有轮播的高度都一致,否则将出现显示不全或空白的情况。
- 简墨主题-首页-中部横幅
横幅背景色是默认的,可以在【管理后台】-【运营】-【web装修】-【已购主题】-【简墨】-【管理】中修改配色,此模块也可选择隐藏。
中部横幅共三个小图,每个小图可以设置相对应的链接,小图建议做成透明图片,推荐尺寸为:130×130px,大小建议:10KB以内。
- 简墨主题-首页-中部广告
图片可全替换,可设置相对应的链接,也可在【管理后台】-【系统】-【站点设置】-【主题】-【简墨】-【管理】中设置隐藏模块。
推荐尺寸:1920×400px;大小建议:150KB以内。
2、雅致简洁主题
设置路径:【管理后台】-【运营】-【编辑区管理】
最多可设置5张轮播,每张图片可设置对应链接,拖动可调整图片的顺序。
推荐尺寸:780×380px;大小建议:100KB以内。
图片的高度可调整,必须保证所有轮播的高度都一致。
3、会员专区首页海报
地址:域名/vip
路径:【管理后台】-【系统】-【用户设置】-【会员设置】-【海报上传】
推荐尺寸:870×350px;大小建议:100KB以内。
4、直播首页
地址:域名/live
路径:【管理后台】-【运营】-【编辑区管理】,最多可设置5张轮播,每张图片可设置对应链接,拖动可调整图片顺序。
【限宽居中】图片推荐尺寸:1140×300px;大小建议:100KB以内;
【平铺居中】图片推荐尺寸:1920×450px;大小建议:150KB以内。
图片的高度可调整,只要保证所有轮播的高度都一致。
5、首页左上方logo
设置路径:【管理后台】-【系统】-【站点设置】-【基础信息】
推荐尺寸:250×50px,大小建议:10KB以内。
6、网校浏览器图标
设置路径:【管理后台】-【系统】-【站点设置】-【基础信息】
ico格式,推荐尺寸:16×16px或者32×32px
7、课程图片
推荐尺寸:480×270px;大小建议:50K以内;
默认课程图片设置,路径:【管理后台】-【系统】-【课程设置】-【默认图片】,网校内未上传图片的课程,都会显示该默认图片。
8、课程讨论区图片
课程话题内如果要添加图片,最佳宽度800px,高可根据需求自定义,图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。
9、班级封面图片
推荐尺寸:525×350px;大小建议:60K以内。
10、班级讨论区
班级话题内如果要添加图片,最佳宽度800px,高可根据需求自定义,图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。
11、用户头像
推荐尺寸:270×270px;大小建议:50KB以内。
默认头像设置,路径:【管理后台】-【系统】-【用户设置】-【默认头像】,网校内未上传头像的用户,都会显示该默认头像。
12、小组图标
推荐尺寸:180×180px;大小建议:30KB以内。
13、小组背景图
推荐尺寸:1140×150px;大小建议:80KB以内。
14、小组话题
课程话题内如果要添加图片,最佳宽度800px,高可根据需求自定义。图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。
15、移动端
- 移动端轮播图
设置路径:【管理后台】-【运营】-【移动端内容管理】-【轮播图设置】,将显示在移动端的【发现】页。
最多可设置5张轮播图,图片可设置跳转动作和链接。
推荐尺寸:750×300px;大小建议:80KB以内。
- 移动端启动图
设置路径:【管理后台】-【系统】-【移动端设置】,用户首次登录网校时会显示启动图。
推荐尺寸:640×960px;大小建议:100KB以内。
- 移动端网校logo
将在校友中显示网校logo。
推荐尺寸:50×50px;大小建议:20KB以内。
16、资讯首页轮播
地址:域名/live
设置路径:【管理后台】-【运营】-【资讯管理】编辑资讯,上传缩略图。
左侧轮播图:头条资讯的缩略图,图片推荐尺寸:754×424px;大小建议80KB以内;
右侧的两个图:最新的两篇推荐资讯的缩略图,片推荐尺寸:754×424px;大小建议80KB以内;
17、资讯内容图片
资讯内容如果要添加图片,最佳宽度750px,高可根据需求自定义。图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。
18、自定义页面
自定义页面内如果要添加图片,最佳宽度1080px,高可根据需求自定义。图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。
自定义页面是一个空白页,可编辑公司介绍、活动页面等。
路径:【管理后台】-【运营】-【自定义页面管理】
19、课程介绍
课程介绍内如果要添加介绍图片,最佳宽度818px,高可根据需求自定义。图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。
图片压缩操作示例,请看:http://www.qiqiuyu.com/course/373
如果以上答案对你有帮助,别忘了点赞哦,如果没有,那就踩一踩吧,我们会改进的呢~