Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解


Posted in PHP onNovember 14, 2017

前言

Intervention/image 是为 Laravel 定制的图片处理工具, 它提供了一套易于表达的方式来创建、编辑图片。

Demo 代码请见:

Github:https://github.com/zhengjinghua/est-image-demo

本地下载:http://xiazai.3water.com/201711/yuanma/est-image-demo(3water.com).rar

Demo

Demo 截图

Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解

Demo 运行

请参照文档 如何利用 Homestead 快速运行一个 Laravel 项目.

文章概览

  • 安装;
  • 修改配置信息;
  • 基础用法;
  • 特色功能.

接下来是详细解说.

1. 安装

1). 使用 composer 安装:

composer require intervention/image

上面的命令会

2). 修改 app/config/app.php 添加 ServiceProvider:

// 将下面代码添加到 providers 数组中
'providers' => [
 // ...
 Intervention\Image\ImageServiceProvider::class,
 // ...
 ],


// 将下面代码添加到 aliases 数组中
'aliases' => [
 // ...
 'Image' => Intervention\Image\Facades\Image::class,
 // ...
 ],

2. 图片处理库的配置

此扩展包默认使用 PHP 的 GD 库来进行图像处理, 但由于 GD 库对图像的处理效率要稍逊色于 imagemagick 库, 因此这里推荐替换为 imagemagick 库来进行图像处理.

开始之前, 你得先确定本地已经安装好 GD 或 Imagick.

在使用 Intervention Image 的时候, 你只需要给 ImageManager 传一个数组参数就可以完成 GD 和 Imagick 库之间的互相切换.

如下所示:

// 引入 composer autoload
require 'vendor/autoload.php';

// 导入 Intervention Image Manager Class
use Intervention\Image\ImageManager;

// 通过指定 driver 来创建一个 image manager 实例
$manager = new ImageManager(array('driver' => 'imagick'));

// 最后创建 image 实例
$image = $manager->make('public/foo.jpg')->resize(300, 200);

另外你也可以使用 ImageManager 的静态版本, 如下所示:

// 引入 composer autoload
require 'vendor/autoload.php';

// 导入 Intervention Image Manager Class
use Intervention\Image\ImageManagerStatic as Image;

// 通过指定 driver 来创建一个 image manager 实例 (默认使用 gd)
Image::configure(array('driver' => 'imagick'));

// 最后创建 image 实例
$image = Image::make('public/foo.jpg')->resize(300, 200);

生成 config/image.php 配置文件:

php artisan vendor:publish --provider="Intervention\Image\ImageServiceProviderLaravel5"

运行上面的命令后, 会在项目中生成 config/image.php 配置文件, 打开此文件并将 driver 修改成 imagick:

return array(
 'driver' => 'imagick'
);

到此, 此拓展包即安装成功!

3. 基础用法

// 修改指定图片的大小
$img = Image::make('images/avatar.jpg')->resize(200, 200);

// 插入水印, 水印位置在原图片的右下角, 距离下边距 10 像素, 距离右边距 15 像素
$img->insert('images/watermark.png', 'bottom-right', 15, 10);

// 将处理后的图片重新保存到其他路径
$img->save('images/new_avatar.jpg');

/* 上面的逻辑可以通过链式表达式搞定 */
$img = Image::make('images/avatar.jpg')->resize(200, 200)->insert('images/new_avatar.jpg', 'bottom-right', 15, 10);

4. 特色功能

除上文介绍的基本用法之外, 此扩展包还支持:

  • 图片上传功能;
  • 图片缓存功能;
  • 图片过滤功能: 将图片按照统一规则进行转换;
  • 图片动态处理: 根据访问图片的 URL 参数自动调整图片大小

更多的例子请移步 官方文档 参考.

intervention/image 中的一个小坑及其破解之法

事实上 intervention/iamge 用了很有些时日了,它的 api 设计得很简洁,文档也很全面,用起来相当顺手。

不过最近无意间发现了一个小坑。因为需要合成带微信头像的二维码,我使用 Image::make($avatarUrl) (这里的 $avatarUrl 是微信头像的链接)来产生头像,然后合成到二维码图像中去(还包括一些其它操作,比如使用模板背景、写入文字)。

写完之后一运行,发现相当慢,平均耗时 23 秒左右。起初以为是因为合成过程中进行的操作比较多、尺寸比较大,本来就应该是这个速度。不过后来闲下来,开始试着优化,即使不能提升速度,至少也搞清楚到底是什么原因这么耗时。

这一通折腾下来,发现真相竟然与合成操作的多少、尺寸没有多大关系。而关键在于我创建头像数据的姿势。

为了说明这个问题,特意写了下面的代码进行对比。

// 记录开始时间
$startTimestamp = microtime(true);

$url = 'http://wx.qlogo.cn/mmopen/XxT9TiaJ1ibf06TNRCMjQADS4opDHvQLguLZHpqkRlvuJYZicvJW4iaOalPsKIs0kpZ3F6864ZzibyObYiaucUQSrdp4pFTNDyIpxw/0';

$avatar = \Image::make($url);

// 记录结束时间
$endTimestamp = microtime(true);

info($startTimestamp);
info($endTimestamp);
info($endTimestamp - $startTimestamp);

Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解

上面这段代码使用 Image::make($url) 的形式,直接从 url 生成头像。从记录的日志数据来看,耗时基本上在 16 秒左右。

后来,想到了一个新姿势,其实也就是在尝试优化的过程中折腾时想到的。见下面代码:

$startTimestamp = microtime(true);

$client = new \GuzzleHttp\Client();

$url = 'http://wx.qlogo.cn/mmopen/XxT9TiaJ1ibf06TNRCMjQADS4opDHvQLguLZHpqkRlvuJYZicvJW4iaOalPsKIs0kpZ3F6864ZzibyObYiaucUQSrdp4pFTNDyIpxw/0';

$avatarResponse = $client->get($url);

$avatar = \Image::make($avatarResponse->getBody()->getContents());

$endTimestamp = microtime(true);

info($startTimestamp);
info($endTimestamp);
info($endTimestamp - $startTimestamp);

在这里我先使用 GuzzleHttp 获取头像,再使用 Image::make($data) 创建头像。

注意,要高潮了…… sunglasses

看看下面的日志截图,三次平均耗时在 0.07 秒左右,和前面的 16 秒相比,差了 200 多倍。

Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解

至于为什么会出现这种现象,自己也没搞清楚,但这无疑是一点比较有用且小众的经验。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

PHP 相关文章推荐
PHP HTML代码串 截取实现代码
Jun 29 PHP
重新认识php array_merge函数
Aug 31 PHP
php中strstr、strrchr、substr、stristr四个函数的区别总结
Sep 22 PHP
php比较两个字符串长度的方法
Jul 13 PHP
PHP编写RESTful接口
Feb 23 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
Sep 23 PHP
PHP简单实现遍历目录下特定文件的方法小结
May 22 PHP
PHP多进程之pcntl_fork的实例详解
Oct 15 PHP
PHP根据key删除数组中指定的元素
Feb 28 PHP
thinkphp5.1框架模板布局与模板继承用法分析
Jul 19 PHP
使用tp框架和SQL语句查询数据表中的某字段包含某值
Oct 18 PHP
Laravel框架控制器,视图及模型操作图文详解
Dec 04 PHP
PHP中递归的实现实例详解
Nov 14 #PHP
利用Homestead快速运行一个Laravel项目的方法详解
Nov 14 #PHP
PHP对称加密算法(DES/AES)类的实现代码
Nov 14 #PHP
浅谈PHP中如何实现Hook机制
Nov 14 #PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
Nov 14 #PHP
PHP封装的XML简单操作类完整实例
Nov 13 #PHP
PHP开发中解决并发问题的几种实现方法分析
Nov 13 #PHP
You might like
php中使用临时表查询数据的一个例子
2013/02/03 PHP
php检索或者复制远程文件的方法
2015/03/13 PHP
PHP标准类(stdclass)用法示例
2016/09/28 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
javascript 写类方式之四
2009/07/05 Javascript
IE中createElement需要注意的一个问题
2010/07/13 Javascript
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
2012/03/01 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
让JavaScript中setTimeout支持链式操作的方法
2015/06/19 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
JavaScript事件发布/订阅模式原理与用法分析
2018/08/21 Javascript
JavaScript从原型到原型链深入理解
2019/06/03 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
2019/11/11 jQuery
基于javascript实现碰撞检测
2020/03/12 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
JavaScript中展开运算符及应用的实例代码
2021/01/14 Javascript
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
python 类详解及简单实例
2017/03/24 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
基于python实现从尾到头打印链表
2019/11/02 Python
tensorflow的ckpt及pb模型持久化方式及转化详解
2020/02/12 Python
Python 实现进度条的六种方式
2021/01/06 Python
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
你们项目是如何进行变更控制的
2015/08/26 面试题
八一建军节感言
2014/02/28 职场文书
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
大学生自我鉴定书
2014/03/24 职场文书
租房协议书
2014/04/10 职场文书
宣传部部长竞选演讲稿
2014/04/26 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
图文详解matlab原始处理图像几何变换
2021/07/09 Python
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript
python的html标准库
2022/04/29 Python