系统各位置图片尺寸和大小建议
更新时间:2018-01-22

前言:请务必先学习图片压缩原则及优化方式,地址: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、简墨主题

设置路径:【管理后台】-【运营】-【编辑区管理】

  • 简墨主题首页轮播

最多可设置8张轮播,每张图片可设置对应链接,拖动可调整图片的顺序。

【限宽居中】图片推荐尺寸 1140×450px 大小建议:150KB以内;
【平铺居中】图片推荐尺寸 1920×600px 大小建议300KB以内;

如果是纯色背景的图,建议使用【平铺居中】,纯色背景图,一般大小100KB左右即可;
图片的高度可自由调整,但必须要保证所有轮播的高度都一致,否则将出现显示不全或空白的情况

  • 简墨主题-首页-中部横幅

横幅背景色是默认的,可以在【管理后台】-【系统】-【站点设置】-【主题】-【简墨】-【管理】中修改配色,此模块也可选择隐藏。

中部横幅共三个小图,每个小图可以设置相对应的链接,小图建议做成透明图片,推荐尺寸为: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​

 

 

如果以上答案对你有帮助,别忘了点赞哦,如果没有,那就踩一踩吧,我们会改进的呢~

这篇文章是否对您有帮助? 有帮助 没帮助