前言:请务必先学习图片压缩原则及优化方式,地址:/article/1

一、系统内图片类型

1、简墨主题;2首页左上方logo;3、网校浏览器图标;4、课程图片;5、课程讨论区图片;6、班级封面图片;7、班级讨论区图片;8、用户头像;9、小组图标;10、小组背景图;11、小组话题图片;12、资讯内容图片;13、课程介绍

二、图片尺寸及大小详解

1、简墨主题

设置路径:【管理后台】-【运营】-【WEB装修】

  • 简墨主题首页轮播

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

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

如果是纯色背景的图,建议使用【平铺居中】,纯色背景图,一般大小100KB左右即可;

图片的高度可自由调整,但必须要保证所有轮播的高度都一致,否则将出现显示不全或空白的情况

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

横幅背景色是默认的,可以在【管理后台】-【运营】-【Web装修】-【已购主题】-【简墨】-【管理】中修改配色,此模块也可选择隐藏。

中部横幅共三个小图,每个小图可以设置相对应的链接,小图建议做成透明图片,推荐尺寸为:130×130px大小建议:10KB以内。

  • 简墨主题-首页-中部广告

图片可全替换,可设置相对应的链接,也可在【管理后台】-【系统】-【Web装修】-【已购主题】-【简墨】-【管理】中设置隐藏模块。

推荐尺寸:1920×400px大小建议:150KB以内。

2、首页左上方logo

设置路径:【管理后台】-【系统】-【网校信息】-【基础信息设置】

推荐尺寸:250×50px,大小建议:10KB以内。

 

3、网校浏览器图标

设置路径:【管理后台】-【系统】-【网校信息】-【基础信息设置】

ico格式,推荐尺寸:16×16px或者32×32px

 

4、课程图片

推荐尺寸:480×270px大小建议:50K以内;

默认课程图片设置,路径:【管理后台】-【系统】-【课程设置】-【默认图片】,网校内未上传图片的课程,都会显示该默认图片。

 

5、课程讨论区图片

课程话题内如果要添加图片,最佳宽度800px,高可根据需求自定义图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。

6、班级封面图片

推荐尺寸:525×350px大小建议:60K以内。

 

7、班级讨论区

班级话题内如果要添加图片,最佳宽度800px,高可根据需求自定义图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。

 

8、用户头像

推荐尺寸:270×270px大小建议:50KB以内。

默认头像设置,路径:【管理后台】-【系统】-【用户设置】-【默认头像】,网校内未上传头像的用户,都会显示该默认头像。

 

9、小组图标

推荐尺寸:180×180px大小建议:30KB以内。

 

 10、小组背景图

推荐尺寸:1140×150px大小建议:80KB以内。

11、小组话题

课程话题内如果要添加图片,最佳宽度800px,高可根据需求自定义。图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。

 

12、资讯内容图片 

资讯内容如果要添加图片,最佳宽度750px,高可根据需求自定义。图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。

 

14、课程介绍

课程介绍内如果要添加介绍图片,最佳宽度818px,高可根据需求自定义。图片大小越小越好,即使是长图,也尽量不要超过300KB,图片越大服务器压力越大打开也越慢。

图片压缩操作示例,请看:/course/5