php图片处理案例,使用GD、ImageGick与PHP框架的图片处理技术

社区导读&＃xff1a;本文介绍的是缩略图的处理。图片剪切是网站中常见的处理。用户上传图片后&＃xff0c;需要根据不同的设备&＃xff0c;产品UI显示不同尺寸的缩略图。

概述

各位好&＃xff0c;缩略图是什么&＃xff1f;缩略图就是大图缩小的图(废话)&＃xff0c;也不是那万恶的马塞克。用了它可以使你的网站应用达到以下目标&＃xff1a;

1、下载速度更快&＃xff0c;响应速度高。

2、节省用户流量。Web网站为了清晰度可以使用稍大的图片&＃xff0c;APP中大图实际上是吃掉用户流量和电池的老虎

3、对于一些开发的不够好的APP&＃xff0c;图片占用内存过大&＃xff0c;容易crash。等等好处。

那么&＃xff0c;缩略图使用在哪些场景&＃xff1f;如下&＃xff1a;

1、图片正好适合固定高度和宽度的容器中&＃xff0c;不要留下空白(允许为兼容增大尺寸)

2、以合适的分辨率显示(不用CSS或HTML限制长宽高&＃xff0c;或者放大图像)

3、图像不变形、失真&＃xff0c;并保持图片显示之比例。

缩放&裁剪图片的工具&技术

在LNMP环境下&＃xff0c;可以使用GD2来处理图片。GD2是内置在PHP中内置的库&＃xff0c;不需要另行安装&＃xff0c;在php.ini中打开其配置即可。

另外&＃xff0c;PHP也可以使用imagegick这样一个外部工具来处理图像。imagegick是个功能强大的图像处理工具&＃xff0c;利用它&＃xff0c;我们甚至可以开发出Web下的photoshop。

本文介绍在Codeigniter框架中&＃xff0c;它提供了较完整的图像处理库。

图片缩略配置

下面介绍的是一个完整上传场景&＃xff0c;它会把一张图片&＃xff0c;生成一个缩略图&＃xff0c;宽高为50*50。在本例中使用gd2库处理。请看如下代码&＃xff1a;

$config[&＃39;image_library&＃39;]&＃61; &＃39;gd2&＃39;;

$config[&＃39;source_image&＃39;]&＃61; &＃39;./uploads/&＃39;.$imgName.".jpg";

$config[&＃39;new_image&＃39;]&＃61; &＃39;./uploads/&＃39;.$imgName."_new.jpeg?s=#34;;

$config[&＃39;create_thumb&＃39;]&＃61; TRUE;

$config[&＃39;maintain_ratio&＃39;]&＃61; TRUE;

$config[&＃39;width&＃39;] &＃61;50;

$config[&＃39;height&＃39;] &＃61;50;

接下来需要引用image_libs库。代码如下&＃xff1a;

$this->load->library(&＃39;image_lib&＃39;,$config);

接下来调用resize方法来缩放图片。如下&＃xff1a;

// resize image

$this->image_lib->resize();

// handle if thereis any problem

if ( !$this->image_lib->resize()){

echo$this->image_lib->display_errors();

}

resize()方法会按我们指定的文件夹的图片进行缩放。可以使用$this->image_lib->display_errors()来跟踪错误&＃xff0c;发现问题后再进行处理。如下代码&＃xff1a;

function image_resize($img_name) {

$img_path &＃61;  realpath("img")."\\images\\uploaded\\".$img_name.".jpeg?s=#34;;

// 配置

$config[&＃39;image_library&＃39;] &＃61; &＃39;gd2&＃39;;

$config[&＃39;source_image&＃39;] &＃61;&＃39;./img/images/uploaded/&＃39;.$img_name.".jpeg?s=#34;;

$config[&＃39;new_image&＃39;] &＃61;&＃39;./img/images/uploaded/&＃39;.$img_name."_new.jpeg?s=#34;;

$config[&＃39;create_thumb&＃39;] &＃61; TRUE;

$config[&＃39;maintain_ratio&＃39;] &＃61; TRUE;

$config[&＃39;quality&＃39;] &＃61; "100%";  //图片精度

$config[&＃39;width&＃39;] &＃61; 50;      //图片宽度

$config[&＃39;height&＃39;] &＃61; 50;     //图片高度

$this->load->library(&＃39;image_lib&＃39;,$config);

// 图片缩放

$this->image_lib->resize();

// 处理错误信息

if ( !$this->image_lib->resize()){

echo$this->image_lib->display_errors();

}

}

图片处理实例

接下我们使用Codeigniter处理上传和生成缩略图片。如下完整方法&＃xff1a;

function do_upload() {

$upload_config &＃61; array(

&＃39;upload_path&＃39;   &＃61;> realpath(&＃39;assets/&＃39;), //图片路径

&＃39;allowed_types&＃39; &＃61;>&＃39;gif|jpg|png&＃39;,   //图片格式

&＃39;max_size&＃39;      &＃61;> &＃39;30000&＃39;,   //图片尺寸

);

$this->upload->initialize($upload_config );

//处理上传的文件数组

foreach($_FILES[&＃39;userfile&＃39;] as$key&＃61;>$val) {

$i &＃61; 1;

foreach($val as $v)  {

$field_name &＃61;"file_".$i;

$_FILES[$field_name][$key] &＃61;$v;

$i&＃43;&＃43;;

}

}

unset($_FILES[&＃39;userfile&＃39;]);

//两个数组&＃xff0c;分别保存错误和上传成功的信息

$error &＃61; array();

$success &＃61; array();

// 处理上传

foreach($_FILES as $field_name &＃61;>$file){

if ( !$this->upload->do_upload($field_name)) {

//如果上传失败

$error[&＃39;upload&＃39;][] &＃61;$this->upload->display_errors();

}else{

//取得上传成功的数据&＃xff0c;可此数组放在数据库内

$upload_data &＃61;$this->upload->data();

// 图片缩放配置

$resize_config &＃61; array(

// 图片源路径&＃xff0c;如 "/var/uploads /image.jpeg?s=#34;

&＃39;source_image&＃39;  &＃61;> $upload_data[&＃39;full_path&＃39;],

// 缩略图路径 "/var/uploads/thumb/"&＃43; "thumb_" &＃43; "image.jpg

// 也可以使用&＃39;create_thumbs&＃39; &＃61;> true 选项

&＃39;new_image&＃39;     &＃61;>$upload_data[&＃39;file_path&＃39;].&＃39;thumb_&＃39;.$upload_data[&＃39;file_name&＃39;],

&＃39;width&＃39;         &＃61;> 200,

&＃39;height&＃39;        &＃61;> 200

);

$this->image_lib->initialize($resize_config);

if ( ! $this->image_lib->resize()){

// 处理错误

$error[&＃39;resize&＃39;][] &＃61;$this->image_lib->display_errors();

} else {

//把上传后的数据放在数组中

$success[] &＃61; $upload_data;

}

}

}

//检查错误

if(count($error > 0)) {

$data[&＃39;error&＃39;] &＃61; $error;

} else{

$data[&＃39;success&＃39;] &＃61; $upload_data;

}

$this->load->view(&＃39;upload&＃39;,$data);

}

}

以上我们使用GD2处理和缩放图片&＃xff0c;以及生成缩略图。以下使用imageGick来处理图片。

使用ImageGick

使用ImageGick&＃xff0c;也可不使用任何框架。我们可以使用如下原生PHP代码&＃xff0c;如下&＃xff1a;

$thumbnail&＃61; new Imagick($pix);

$wid &＃61; 128;

$thumbnail->thumbnailImage( $wid, 0 );

$thumbnail->enhanceImage();

$thumbnail->sharpenimage(1,1,Imagick::CHANNEL_ALL); //$radius,$sigma, $channel);

//锐化图片&＃xff0c;$radius为锐化角度,半径&＃xff0c;越小越薄$sigma 为锐化标准差&＃xff0c;越大墨越深 $channel 模糊处理&＃xff0c;使用的图片频道

$thumb_url &＃61; $thumbnail->writeImage(&＃39;thumbs/&＃39;.$thb ); //图片保存之路径

...

?>

在CodeIgniter中使用imagegick&＃xff0c;请看如下之代码片断&＃xff1a;

$this->load->library(&＃39;image_lib&＃39;);

$config[&＃39;image_library&＃39;]&＃61; &＃39;ImageMagick&＃39;;

$config[&＃39;library_path&＃39;]    &＃61; $path;

代码以下省略&＃xff0c;与gd2的配置基本相同&＃xff0c;各位可参考上下文。imageGick功能强大&＃xff0c;感兴趣的同学可以再继续了解&＃xff0c;后续我们也会持续介绍 。

小结

框架的好处是能够很方便&＃xff0c;很容易的解决问题。本文主要介绍了CodeIgniter&＃xff0c;如果使用Laravel或YII、ThinkPHP等框架等亦同样道理。

本文应社区同学特约刊登&＃xff0c;欢迎后台发送建议&＃xff0c;特别欢迎各位技术专家投稿和联系21CTO社区。

做对人&＃xff0c;做对事&＃xff0c;找对人&＃xff0c;做好事&＃xff0c;每天都是圣诞节。祝社区各位小伙伴节日快乐&＃xff01;~