失眠网 > php 图片处理库 PHP图片处理库Grafika详细教程（1）：图像基本处理

php 图片处理库 PHP图片处理库Grafika详细教程（1）：图像基本处理

时间：2023-08-21 22:28:05

Grafika是一个PHP图像处理库，是基于Imagick和GD，可以用于改变图片大小，剪裁，比较，添加水印等等功能。还有感知哈希，高级图像过滤，绘制贝塞尔曲线等功能，可谓非常强大。

由于功能太多，所以分成几篇文章写。

优点：

缩略图的速度非常快，质量非常高

支持智能剪裁

很好的支持GIF图片

5种缩略图模式

图像对比功能

图像高级过滤功能

图像混合

其他图像处理库支持的API基本都支持

安装

下载

1、直接下载：

2、composer：

composerrequirekosinix/grafika:dev-master--prefer-dist

环境需求

PHP >= 5.3，当然官方推荐php7

GD库 >= 2.0版本

Imagick***(不强求)>=3.3.0 ， ImageMagick >= 6.5.3

部署

下载下来的Grafika目录基本结构像下面这样：

不过composer下载下来的多一点儿，你只需要使用kosinix/grafika目录下的东西就好了。

我们在grafika目录下建立一个index.php，之后的操作都在这里。

grafika给我们提供了一个非常好用的autoloader.php位于src目录下。

在index.php中引入它，(说明下，以下示例都需要引入这个autoloader.php文件，我们默认省略)，下面就可以直接开发了。

require_once'src/autoloader.php';

创建Editors

1、createEditor

grafika通过静态方法createEditor来创建一个editor。它包含所有的图片处理方法。

由于，grafika是基于Imagick和GD库，所以使用createEditor方法会根据当前情况，自动选择所需要的图片处理库。(推荐使用)

useGrafika\Grafika;//Importpackage

$editor=Grafika::createEditor();//Createthebestavailableeditor

2、Imagick Editor

当然你也可以直接使用Imagick类库。

useGrafika\Imagick\Editor;//Importpackage

$editor=newEditor();//Imagickeditor

注意：有些情况可能不支持该类库，你需要使用下面语句检查后使用，(不过你***直接使用方法1，就没这些事)

useGrafika\Imagick\Editor;//Importpackage

$editor=newEditor();//Imagickeditor

if($editor->isAvailable()){//Safetycheck

//Yourcodehere

}

3、GD Editor

你也可以直接使用GD库，也有些情况可能不支持，记得检查

useGrafika\Gd\Editor;//Importpackage

$editor=newEditor();//Gdeditor

if($editor->isAvailable()){//Safetycheck

//Yourcodehere

}

创建图像

grafika允许你使用4种方式创建一个待处理的图像

1、直接打开图像

创建editor + open方法

useGrafika\Grafika;

$editor=Grafika::createEditor();

$editor->open($image,'path/to/image.jpg');

2、使用静态方法打开图片

使用直接打开、创建图片

useGrafika\Grafika;

$image=Grafika::createImage('path/to/image.jpg');

//这里省略了$editor=Grafika::createEditor();

3、创建一个空白的画布

新建一个画布作为新图像

useGrafika\Grafika;

$image=Grafika::createBlankImage(100,100);

4、从已有图片拷贝一个

拷贝一个图像作为图像处理

$copy=clone$image;

这种方法你要保证之前有一张图片

这几种方法之后的操作大同小异，我们只选择***种常规方法作为讲解示例

图片缩略图

我们先准备一个原图

接下来，假设我们要创建的缩略图长：200px宽200px

1、Resize Fit

等比例缩放类型。那么就保证图片较长的一边不超过200px，等比缩放，缩放后不填充背景。

useGrafika\Grafika;

$editor=Grafika::createEditor();

$editor->open($image1,'yanying.jpg');//打开yanying.jpg并且存放到$image1

$editor->resizeFit($image1,200,200);

$editor->save($image1,'yanying1.jpg');

$editor->open($image2,'yanying-h.jpg');//打开yanying.jpg并且存放到$image2

$editor->resizeFit($image2,200,200);

$editor->save($image2,'yanying2.jpg');

当然不要忘了***行的require

2、Resize Exact

固定尺寸缩放类型。就是不管图片长宽比，全部缩小到200px，可能导致图片变形。

useGrafika\Grafika;

$editor=Grafika::createEditor();

$editor->open($image1,'yanying.jpg');//打开yanying.jpg并且存放到$image1

$editor->resizeExact($image1,200,200);

$editor->save($image1,'yanying1.jpg');

$editor->open($image2,'yanying-h.jpg');//打开yanying.jpg并且存放到$image2

$editor->resizeExact($image2,200,200);

$editor->save($image2,'yanying2.jpg');

3、Resize Fill

居中剪裁。就是把较短的变缩放到200px，然后将长边的大于200px的部分居中剪裁掉，图片不会变形。

4、Resize Exact Width

等宽缩放。和***种功能相似，最终宽为200px，等比缩放，高度不管。

useGrafika\Grafika;

$editor=Grafika::createEditor();

$editor->open($image1,'yanying.jpg');//打开yanying.jpg并且存放到$image1

$editor->resizeExactWidth($image1,200);

$editor->save($image1,'yanying1.jpg');

$editor->open($image2,'yanying-h.jpg');//打开yanying.jpg并且存放到$image2

$editor->resizeExactWidth($image2,200);

$editor->save($image2,'yanying2.jpg');

5、Resize Exact Height

等高缩放。最终高为200px，等比缩放，不考虑图片宽度。

图像对比功能

1、图片相似度对比

我们首先准备一张基本图，用来和其他图片对比。(segmentfault网页图片可能处理过，直接使用本文图片可能结果不一致)

1)、我们***次使用一张灰度图片来比较

useGrafika\Grafika;

$editor=Grafika::createEditor();

$result=$editor->compare('yanying.jpg','yanying_grey.jpg');

var_dump($result);//int2

说明： grafika图片对比方法compare返回一个数字，其中如果数字越接近于0，那么表示图片越相似。如果数字在0-10范围内，那么图片都可能相似。但是如果数字大于10，那么，可能就完全不同。

这里返回2，说明相似度还是非常高的。

2)、我们再用一张缩小的图片来测试，记住都是和***张基本图比较。

useGrafika\Grafika;

$editor=Grafika::createEditor();

$result=$editor->compare('yanying.jpg','yanying-smaller.jpg');

var_dump($result);//int0

这里结果返回0，相似度非常高。

3)、我们再用一张剪裁下来的局部图片测试

useGrafika\Grafika;

$editor=Grafika::createEditor();

$result=$editor->compare('yanying.jpg','yanying-half.jpg');

var_dump($result);//int20

结果超过10了，相似度不怎么高

4)、我们再用一张完全不同的图片测试

useGrafika\Grafika;

$editor=Grafika::createEditor();

$result=$editor->compare('yanying.jpg','yanying-h.jpg');

var_dump($result);//int39

结果39，越来越大，越来越不像

2、比较图片是否相同

grafika提供方法equal来检查两张图片是否完全相同。这里的检查是一个像素一个像素的检测，所以时间可能会较长。

当然grafika也会预检查，如果两张图片大小不相同，则直接返回false。只有其他都相同后才会进行逐像素检查。

我们这里对比之前创建的一张缩略图，因为大小不一致，所以直接返回false

useGrafika\Grafika;

$editor=Grafika::createEditor();

$result=$editor->equal('yanying.jpg','yanying-smaller.jpg');

var_dump($result);//booleanfalse

智能剪裁

智能剪裁是自动识别图像中的重要部分，剪裁时候偏向于保留重点部分。

不过grafika也提供了人为操控位置剪裁，我们先说这个。

基本位置剪裁

基本位置剪裁包含9个位置

top-left

top-center

top-right

center-left

center

center-right

bottom-left

bottom-center

bottom-right

我们这里一起说了，这里我们使用900*600的图片，分成9块

useGrafika\Grafika;

$editor=Grafika::createEditor();

$src='yanying.jpg';

$editor->open($image,$src);

$editor->crop($image,300,200,'top-left');

$editor->save($image,'result1.jpg');

$editor->free($image);

$editor->open($image,$src);

$editor->crop($image,300,200,'top-center');

$editor->save($image,'result2.jpg');

$editor->free($image);

$editor->open($image,$src);

$editor->crop($image,300,200,'top-right');

$editor->save($image,'result3.jpg');

$editor->free($image);

$editor->open($image,$src);

$editor->crop($image,300,200,'center-left');

$editor->save($image,'result4.jpg');

$editor->free($image);

$editor->open($image,$src);

$editor->crop($image,300,200,'center');

$editor->save($image,'result5.jpg');

$editor->free($image);

$editor->open($image,$src);

$editor->crop($image,300,200,'center-right');

$editor->save($image,'result6.jpg');

$editor->free($image);

$editor->open($image,$src);

$editor->crop($image,300,200,'bottom-left');

$editor->save($image,'result7.jpg');

$editor->free($image);

$editor->open($image,$src);

$editor->crop($image,300,200,'bottom-center');

$editor->save($image,'result8.jpg');

$editor->free($image);

$editor->open($image,$src);

$editor->crop($image,300,200,'bottom-right');

$editor->save($image,'result9.jpg');

$editor->free($image);

看下结果

智能剪裁

原图

我们使用智能剪裁将图片剪裁至200*200px

useGrafika\Grafika;

$editor=Grafika::createEditor();

$editor->open($image,'yanying-smaller.jpg');

$editor->crop($image,200,200,'smart');

$editor->save($image,'yanying-smart.jpg');

发现还是可以突出重点的

GIF缩略图

压缩GIF，不丢失动画

grafika可以直接压缩GIF图片，并且不丢失动画功能。

useGrafika\Grafika;

$editor=Grafika::createEditor();

$editor->open($image,'sample.gif');

$editor->resizeFit($image,250,128);

$editor->save($image,'output.gif');

我们这里将原图压缩到原来的一半，发现动画并没有丢失

移除GIF动画效果

当然，如果有需要，我们也可以直接移除GIF的动画效果

useGrafika\Grafika;

$editor=Grafika::createEditor();

$editor->open($image,'sample.gif');

$editor->flatten($image);

$editor->save($image,'output-no-animation.gif');

图片合并

图片合并需要2张图片，将其中一张作为基本图，准备的第二章图片就是放置在基础图片之上。

我们首先来看代码

useGrafika\Grafika;

$editor=Grafika::createEditor();

$editor->open($image1,'yanying-h.jpg');

$editor->open($image2,'yanying-smaller.jpg');

$editor->blend($image1,$image2,'normal',0.9,'center');

$editor->save($image1,'333/yanying-blend.jpg');

解释一下

首先打开两张图片，其中$image1为基础图片，也就是放在下面的。重点在blend这个方法。

其中

***个参数为基础图片

第二个参数为放置在基础图片之上的图片normal, multiply, overlay or screen.，这里的类型意思就是图片叠加的模式，下面会给出实例看每种的不同。

第三个参数为透明度，这个不说太多，容易想到。

第四个为位置，有10个选择，其中，前面9种为用户自定义拜访位置，而***一个是智能拜访，由grafika来判断摆放在哪里好。top-left, top-center, top-right, center-left, center, center-right, bottom-left, bottom-center, bottom-right and smart

第五个参数为可选参数，表示图片2距离图片1左边的距离

第六个参数也为可选参数，表示图片2距离图片1上边的距离

我们试着摆几种情况。

1、normal

其中位置信息：center，透明度为0.9，也就是上面代码的那种

2、multiply

位置信息：，top-left，其他不变

3、overlay

位置信息：bottom-right，其他不变

4、screen

位置信息：，***一个位置参数不给，也就是默认top-left

图像旋转