## **一、缩略图机制**
joomla系统的缩略图采用缓存机制,网站前台首页、列表页和内容页调用的缩略图,是网站被访问时,系统基于后台上传的原始图片,按页面需要的图片尺寸大小自动生成。
当网站页面调用所需尺寸的缩略图不存在时,系统就会自动使用原始图片生成缩略图缓存文件。
缩略图存放在根目录下的upload/cut 目录下
![1691816226784273.png](https://www.ecoxiu.com/images/202308/1691816226784273.png "1691816226784273.png")
**注意**:此处存储的是缓存图片,因此切不可通过FTP去手动替换缩略图,因为后台重新生成缓存图片时,此处图片将全部删除,然后按后台设置的图片重新生成图片。
**清空缩略图:**
![1691816426446709.png](https://www.ecoxiu.com/images/202308/1691816426446709.png "1691816426446709.png")
直接点击清除缩略图按钮,就可以清除缩略图,重新浏览前台页面时候,系统会根据后台设置,重新生成缩略图。
## **二、管理入口**
操作路径:网站后台--基础设置--图片设置--缩略图;
![1691816740569679.png](https://www.ecoxiu.com/images/202308/1691816740569679.png "1691816740569679.png")
### **2.1.默认图片**
当开启缩略图后,某些地方没有上传图片时,系统将根据设置的尺寸直接处理默认缩略图,生成一个缩略图,如下图:
![1691816918714430.png](https://www.ecoxiu.com/images/202308/1691816918714430.png "1691816918714430.png")
### **2.2.图片裁剪**
是否开启图片裁剪,生成图片缩略图,选择否,系统将全部调用原始图片,不对图片进行裁剪,生成缩略图。
### **2.3.生成方式**
支持三种缩略图生成方式:拉伸、留白、裁剪,默认为裁剪方式
**拉伸**:缩略图高度被强行拉伸,图片变形了;
**留白**:高度不够自动留白,图片没有变形;
**裁剪**:根据缩略图尺寸,以原图片中心为原点,截取中间部分显示,图片显示不全。
【**注意**】修改缩略图生成方式后,需重新生成缩略图,具体可参考上一步。
当设置为留白时,还可以单独设置背景是否问透明背景,还可以单独设置背景颜色,默认背景为白色
![1691817336533420.png](https://www.ecoxiu.com/images/202308/1691817336533420.png "1691817336533420.png")
## **三、缩略图尺寸**
缩略图尺寸在对应的设置里,以产品为例
### **3.1.产品管理里设置**
在产品管理里设置默认图片组件的图片尺寸,具体路径:管理--产品管理--缩略图
![1691817605796537.png](https://www.ecoxiu.com/images/202308/1691817605796537.png "1691817605796537.png")
列表页缩略图效果:
![1691817715979242.png](https://www.ecoxiu.com/images/202308/1691817715979242.png "1691817715979242.png")
详情页缩略图效果:
![1691817728442874.png](https://www.ecoxiu.com/images/202308/1691817728442874.png "1691817728442874.png")
### **3.2.在菜单项设置**
在菜单项设置单个菜单的图片尺寸,具体路径:菜单管理--全部菜单项--对应菜单编辑--缩略图:
比如我们整站设置列表页为400\*300,但是 笔记本&平板想设置400\*400,那么此时就可以在这里设置。
![1691817947716157.png](https://www.ecoxiu.com/images/202308/1691817947716157.png "1691817947716157.png")
![1691817946826465.png](https://www.ecoxiu.com/images/202308/1691817946826465.png "1691817946826465.png")
## **四、设置模块缩略图**
具体路径:内容管理--网站模块--对应模块编辑--缩略图
![1691818486235273.png](https://www.ecoxiu.com/images/202308/1691818486235273.png "1691818486235273.png")
前台显示位置和效果:
![1691818487875695.png](https://www.ecoxiu.com/images/202308/1691818487875695.png "1691818487875695.png")
- 概述
- 系统简介
- 功能介绍
- 优势特点
- 系统安装
- 服务器环境与安装准备
- 本地安装
- 本地搭建joomla运行环境
- 本地网站创建与配置
- 本地安装原版纯净版Joomla
- 本地安装joomla快速建站包
- 在线安装
- 在线安装原版纯净版Joomla
- 在线安装joomla快速建站包
- 安装joomla快速建站包升级包
- 基本设置
- 网站基本信息设置
- 网站后台地址及修改
- 网站LOGO修改
- 修改网站名称、关键词、描述
- 修改底部联系信息及版权
- 修改右侧在线交流客服
- 修改地址栏的ICON小图标
- 幻灯片banner管理
- 添加banner大图轮播图片
- 添加banner按钮
- 添加手机端底部菜单按钮
- 图片设置
- 设置图片存储目录以及上传支持的图片类型
- 图片上传
- 图片设置缩略图以及自动裁剪图片
- 栏目(菜单)管理
- 栏目(菜单)介绍
- 菜单管理
- 菜单项管理
- 菜单项的详细介绍
- 菜单项的添加
- 菜单项的编辑
- 菜单项的删除
- 菜单项的排序
- 菜单项的移动
- 菜单项的复制
- 简介管理
- 简介的添加和编辑
- 关于我们直接跳转到公司简介
- 文章管理
- 默认设置
- 新建菜单项(文章分类)
- 新建文章
- 编辑文章
- 删除文章
- 移动文章
- 复制文章
- 文章排序
- 自定义字段组管理
- 自定义字段管理
- 文章列表管理
- 产品管理
- 默认设置
- 新建菜单项(产品分类)
- 新建产品
- 编辑产品
- 删除产品
- 移动产品
- 复制产品
- 产品排序
- 自定义字段组管理
- 自定义字段管理
- 产品列表管理