Drupal菜鸟笔记之使用Focal Point 模块实现图片压缩与裁剪

在项目开发中总是有地方需要上传图片,因此也常常需要对图片进行压缩与裁剪来达到我们想要的效果。
最近项目中刚好要用到,我就去搜索了 解了下图片的压缩与裁剪模块,最后选择了 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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值