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 相关文章推荐
详细介绍:Apache+PHP+MySQL配置攻略
Sep 05 PHP
用PHP读取flv文件的播放时间长度
Sep 03 PHP
PHP 用数组降低程序的时间复杂度
Dec 04 PHP
php数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
Oct 31 PHP
php实现的一个很好用HTML解析器类可用于采集数据
Sep 23 PHP
php格式化日期实例分析
Nov 12 PHP
浅谈php自定义错误日志
Feb 13 PHP
php判断两个浮点数是否相等的方法
Mar 14 PHP
php简单解析mysqli查询结果的方法(2种方法)
Jun 29 PHP
PHP实现自动识别原编码并对字符串进行编码转换的方法
Jul 13 PHP
PHP判断表达式中括号是否匹配的简单实例
Oct 22 PHP
PHP+redis实现的悲观锁机制示例
Jun 12 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
zend framework中使用memcache的方法
2016/03/04 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
jquery ajax结合thinkphp的getjson实现跨域的方法
2016/06/06 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
百度多文件异步上传控件webuploader基本用法解析
2016/11/07 Javascript
Web前端框架bootstrap实战【第一次接触使用】
2016/12/28 Javascript
微信小程序 tabs选项卡效果的实现
2017/01/05 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
Vuejs2 + Webpack框架里,模拟下载的实例讲解
2018/09/05 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
详解ES6 export default 和 import语句中的解构赋值
2019/05/28 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
探索node之事件循环的实现
2020/10/30 Javascript
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
Python批量修改文件后缀的方法
2014/01/26 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
Tornado 多进程实现分析详解
2018/01/12 Python
使用python进行文本预处理和提取特征的实例
2018/06/05 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
python 实现一个反向单位矩阵示例
2019/11/29 Python
pytorch标签转onehot形式实例
2020/01/02 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
基于html5 DeviceOrientation 实现微信摇一摇功能
2015/09/25 HTML / CSS
AmazeUI 模态窗口的实现代码
2020/08/18 HTML / CSS
采购人员的个人自我评价
2014/01/16 职场文书
转让协议书范本
2014/04/15 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
党建工作汇报材料
2014/12/24 职场文书
2016年教师寒假学习心得体会
2015/10/09 职场文书
2016大学生形势与政策心得体会
2016/01/12 职场文书
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
Python进行区间取值案例讲解
2021/08/02 Python