4.7. 裁剪头像

本教程最新版为 9.x,当前版本已放弃维护,请阅读最新版本!

裁剪图片

我们还有一个地方要优化,用户有时会上传分辨率较大的图片,类似以下:

file

而我们个人空间里显示区域最大也就 208px,即使要兼容 视网膜屏幕(Retina Screen) 的话,最多也就需要 208px * 2 = 416px 。图片太大会拖慢页面的加载速度,所以接下来我们将对此进行优化。

我们将使用备受欢迎的 Intervention/image 扩展包来处理图片裁切的逻辑,接下来我们需要先安装此扩展包;

1. 安装扩展包

  1. Composer 安装
$ composer require intervention/image
  1. 配置信息

执行以下命令获取配置信息:

$ php artisan vendor:publish --provider="Intervention\I...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 11

Javy_coder
只写 use Image 我们怎么知道用的是哪个 Image 类?
2 个点赞 | 11 个回复 | 问答 | 课程版本 5.7
gh54gbvwsff4
Class 'App\Handlers\Image' not found
1 个点赞 | 1 个回复 | 分享 | 课程版本 8.x
W-W
图片上传到 storage 下面,裁剪报错?
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.7
Darkkk
Image::make,总有红色波浪线,提示找不到
0 个点赞 | 2 个回复 | 问答 | 课程版本 8.x
船长在这儿
对 gif 后缀不裁剪的原因是什么?
0 个点赞 | 2 个回复 | 问答 | 课程版本 6.x
裴雷
安装 Intervention/image 扩展包找不到资源
0 个点赞 | 2 个回复 | 问答 | 课程版本 6.x
livelys
图片裁切中的两个方法是哪来的??
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.7
oOops
上传的文件过大时会出错
0 个点赞 | 1 个回复 | 分享 | 课程版本 8.x
Gyh1996
$image->save():
0 个点赞 | 1 个回复 | 问答 | 课程版本 7.x
friendOfTime
当用户上传一张矩形图片时,有办法裁剪成正方形吗?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.8
夜游人
其实并不需要安装扩展包就可以实现裁剪功能
0 个点赞 | 0 个回复 | 分享 | 课程版本 7.x