詳解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 autoloadrequire 'vendor/autoload.php';// 匯入 Intervention Image Manager Classuse Intervention\Image\ImageManager;// 通過指定 driver 來建立一個 image manager 執行個體$manager = new ImageManager(array('driver' => 'imagick'));// 最後建立 image 執行個體$image = $manager->make('public/foo.jpg')->resize(300, 200);

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

// 引入 composer autoloadrequire 'vendor/autoload.php';// 匯入 Intervention Image Manager Classuse 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);

上面這段代碼使用 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的載入過程與原理