在项目开发中总是有地方需要上传图片,因此也常常需要对图片进行压缩与裁剪来达到我们想要的效果。 最近项目中刚好要用到,我就去搜索了 解了下图片的压缩与裁剪模块,最后选择了 Focal Point Focal Point 模块因为依赖 Crop API;所以还要安装 Crop API 模块。
PS:Crop API 安装后要记得配置权限:
安装教程很简单,这里不多说。直接开始配置及使用教程。 一、配置 1. 进入 Configuration 》Media 》Crop types,进入添加页面 输入crop types名称,然后输入宽高比例,宽高尺寸。这里的宽高有两种限制: SOFT LIMIT 软限制:定义裁剪大小软限制。如果选择小于该值的裁剪,将显示警告。 HARD LIMIT 硬限制:定义裁剪大小硬限制。不允许用户进行比此处定义的更小的选择。
2. 配置Image styles 进入 Configuration 》Media 》Image types,进入添加页面,输入名称进入下一步 选择Scale and crop,点击Add(添加),进入尺寸配置页面 输入宽高的尺寸,选择焦点中心,然后保存。 3. 添加Content types 添加Image类型字段 添加字段后,进入Manage display页面,点击对应字段后面的齿轮设置按钮: 选择刚刚配置的Image style,然后保存。 到这里,所有配置就结束了。再去添加对应的content即可。 我的效果:选择了一个2.5M的图片, 原图: content的效果: 另存下来的大小:
参考视频教程:(Youtube,需要科学上网) https://www.youtube.com/watch?v=VomfkogYOjc