詳解Laravel圖片處理擴充包Intervention/image

本文主要為大家介紹了Laravel中Intervention/image圖片處理擴充包的安裝、使用與在使用可能遇到的坑的解決方法，文中透過範例程式碼介紹的非常詳細，對大家的學習或工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。希望對大家有幫助。

前言

Intervention/image 是為Laravel 定制的圖片處理工具, 它提供了一套易於表達的方式來建立、編輯圖片。

Demo

Demo 截圖

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. 特色功能

除上文介紹的基本用法之外, 此擴充包也支援:

• 圖片上傳功能;

• 圖片快取功能;

• 圖片過濾功能: 將圖片依照統一規則轉換;

• 圖片動態處理: 根據存取圖片的網址參數自動調整圖片大小

更多的例子請移步官方文件參考.

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);

上面這段程式碼使用 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的本地化模組

######################### #詳解Laravel中如何取得路由參數##################詳解Laravel中Facade的載入過程與原理##########

以上是詳解Laravel圖片處理擴充包Intervention/image的詳細內容。更多資訊請關注PHP中文網其他相關文章！