Welcome

首页 / 网页编程 / PHP / PHP缩略图生成和图片水印制作

1.开始

在网站上传图片过程,经常用到缩略图功能。这里我自己写了一个图片处理的Image类,能生成缩略图,并且可以添加水印图。
2.如何生成缩略图

     生成缩略图,关键的是如何计算缩放比率。
     这里,我根据图片等比缩放,宽高的几种常见变化,得出一个算缩放比率算法是,使用新图(即缩略图)的宽高,分别除以原图的宽高,看哪个值大,就取它作为缩放比率:
     缩放比率  = Max( { 新图高度  / 原图高度 ,  新图宽度  / 原图宽度 } )
     也就是:
      If ( (新图高度  / 原图高度)  >  (新图宽度  / 原图宽度 ) )  {
              缩放比率 =  新图高度  / 原图高度;
      }ELSE {
             缩放比率 =  新图宽度 / 原图宽度;
     }
 这里列出场景的图片缩放场景,及处理方法:
 e.g
场景1,原图比新图大的情况, 缩放比率 =  新图宽度 / 原图宽度 :


场景2,原图比新图大的情况,b. 缩放比率 =  新图高度 / 原图高度 :


场景3,原图比新图大的情况,而且新图宽高相等,即新图形状是正方形,那么上面的缩放算法也是适用的。
场景4,如果 “新图宽度 >= 原图宽度”  ,同时  “新图高度 >= 原图高度”,那么不缩放图片,也不放大图片,保持原图。


场景5,如果 “新图宽度 < 原图宽度”,同时  “新图高度 >= 原图高度”  ,那么先设置  “新图高度= 原图高度”,再剪切。


场景6,如果 “新图高度 < 原图高度”,同时  “新图宽度 >= 原图宽度”  ,那么先设置  “新图宽度= 原图宽度”,再剪切。


3.如何添加水印图片
   添加水印很容易,我这里没考虑那么复杂,主要是控制水印位置在图片的右下角,和控制水印在图片中的大小。如,当目标图片与水印图大小接近,那么需要先等比缩放水印图片,再添加水印图片。


左边两幅图,上面是原图,下面是水印图,右边的缩放后加水印的新图。
 4.类图



5.PHP代码

5.1. 构造函数 __construct()
     在Image类中,除了构造函数__construct()是public,其它函数都为private.也就是在函数__construct()中,直接完成了生成缩略图和添加水印图的功能。如果,只生成缩略图而不需要添加水印,那么直接在__construct()的参数$markPath,设置为null即可。
     其中,“$this->quality = $quality ? $quality : 75;” 控制输出为JPG图片时,控制图片质量(0-100),默认值为75;

/** * Image constructor. * @param string $imagePath 图片路径 * @param string $markPath 水印图片路径 * @param int $new_width 缩略图宽度 * @param int $new_height 缩略图高度 * @param int $quality JPG图片格输出质量 */public function __construct(string $imagePath,string $markPath = null,int $new_width = null,int $new_height = null,int $quality = 75){$this->imgPath = $_SERVER["DOCUMENT_ROOT"] . $imagePath;$this->waterMarkPath = $markPath;$this->newWidth = $new_width ? $new_width : $this->width;$this->newHeight = $new_height ? $new_height : $this->height;$this->quality = $quality ? $quality : 75;list($this->width, $this->height, $this->type) = getimagesize($this->imgPath);$this->img = $this->_loadImg($this->imgPath, $this->type);//生成缩略图$this->_thumb();//添加水印图片if (!empty($this->waterMarkPath)) $this->_addWaterMark();//输出图片$this->_outputImg();}
 Note: 先生成缩略图,再在新图上添加水印 图片。 
5.2. 生成缩略图函数_thumb()
 /** * 缩略图(按等比例,根据设置的宽度和高度进行裁剪) */private function _thumb(){//如果原图本身小于缩略图,按原图长高if ($this->newWidth > $this->width) $this->newWidth = $this->width;if ($this->newHeight > $this->height) $this->newHeight = $this->height;//背景图长高$gd_width = $this->newWidth;$gd_height = $this->newHeight;//如果缩略图宽高,其中有一边等于原图的宽高,就直接裁剪if ($gd_width == $this->width || $gd_height == $this->height) {$this->newWidth = $this->width;$this->newHeight = $this->height;} else {//计算缩放比率$per = 1;if (($this->newHeight / $this->height) > ($this->newWidth / $this->width)) {$per = $this->newHeight / $this->height;} else {$per = $this->newWidth / $this->width;}if ($per < 1) {$this->newWidth = $this->width * $per;$this->newHeight = $this->height * $per;}}$this->newImg = $this->_CreateImg($gd_width, $gd_height, $this->type);imagecopyresampled($this->newImg, $this->img, 0, 0, 0, 0, $this->newWidth, $this->newHeight, $this->width, $this->height);}
生成缩略图函数_thumb() ,是按照前面的分析来进行编码。 
5.3. 添加水印图片函数 _addWaterMark()    
 /** * 添加水印 */private function _addWaterMark(){$ratio = 1 / 5; //水印缩放比率$Width = imagesx($this->newImg);$Height = imagesy($this->newImg);$n_width = $Width * $ratio;$n_height = $Width * $ratio;list($markWidth, $markHeight, $markType) = getimagesize($this->waterMarkPath);if ($n_width > $markWidth) $n_width = $markWidth;if ($n_height > $markHeight) $n_height = $markHeight;$Img = $this->_loadImg($this->waterMarkPath, $markType);$Img = $this->_thumb1($Img, $markWidth, $markHeight, $markType, $n_width, $n_height);$markWidth = imagesx($Img);$markHeight = imagesy($Img);imagecopyresampled($this->newImg, $Img, $Width - $markWidth - 10, $Height - $markHeight - 10, 0, 0, $markWidth, $markHeight, $markWidth, $markHeight);imagedestroy($Img);}
在添加水印图片中,用到一个_thumb1()函数来缩放水印图片:
/** * 缩略图(按等比例) * @param resource $img 图像流 * @param int $width * @param int $height * @param int $type * @param int $new_width * @param int $new_height * @return resource */private function _thumb1($img, $width, $height, $type, $new_width, $new_height){if ($width < $height) {$new_width = ($new_height / $height) * $width;} else {$new_height = ($new_width / $width) * $height;}$newImg = $this->_CreateImg($new_width, $new_height, $type);imagecopyresampled($newImg, $img, 0, 0, 0, 0, $new_width, $new_height, $width, $height);return $newImg;}
5.4. 完整代码:
<?php/** * 图片处理,生成缩略图和添加水印图片 * Created by PhpStorm. * User: andy * Date: 17-1-3 * Time: 上午11:55 */class Image{ //原图 private $imgPath; //图片地址 private $width;//图片宽度 private $height; //图片高度 private $type;//图片类型 private $img;//图片(图像流) //缩略图 private $newImg; //缩略图(图像流) private $newWidth; private $newHeight; //水印图路径 private $waterMarkPath; //输出图像质量,jpg有效 private $quality; /*** Image constructor.* @param string $imagePath 图片路径* @param string $markPath 水印图片路径* @param int $new_width 缩略图宽度* @param int $new_height 缩略图高度* @param int $quality JPG图片格输出质量*/ public function __construct(string $imagePath,string $markPath = null,int $new_width = null,int $new_height = null,int $quality = 75) {$this->imgPath = $_SERVER["DOCUMENT_ROOT"] . $imagePath;$this->waterMarkPath = $markPath;$this->newWidth = $new_width ? $new_width : $this->width;$this->newHeight = $new_height ? $new_height : $this->height;$this->quality = $quality ? $quality : 75;list($this->width, $this->height, $this->type) = getimagesize($this->imgPath);$this->img = $this->_loadImg($this->imgPath, $this->type);//生成缩略图$this->_thumb();//添加水印图片if (!empty($this->waterMarkPath)) $this->_addWaterMark();//输出图片$this->_outputImg(); } /***图片输出*/ private function _outputImg() {switch ($this->type) { case 1: // GIFimagegif($this->newImg, $this->imgPath);break; case 2: // JPGif (intval($this->quality) < 0 || intval($this->quality) > 100) $this->quality = 75;imagejpeg($this->newImg, $this->imgPath, $this->quality);break; case 3: // PNGimagepng($this->newImg, $this->imgPath);break;}imagedestroy($this->newImg);imagedestroy($this->img); } /*** 添加水印*/ private function _addWaterMark() {$ratio = 1 / 5; //水印缩放比率$Width = imagesx($this->newImg);$Height = imagesy($this->newImg);$n_width = $Width * $ratio;$n_height = $Width * $ratio;list($markWidth, $markHeight, $markType) = getimagesize($this->waterMarkPath);if ($n_width > $markWidth) $n_width = $markWidth;if ($n_height > $markHeight) $n_height = $markHeight;$Img = $this->_loadImg($this->waterMarkPath, $markType);$Img = $this->_thumb1($Img, $markWidth, $markHeight, $markType, $n_width, $n_height);$markWidth = imagesx($Img);$markHeight = imagesy($Img);imagecopyresampled($this->newImg, $Img, $Width - $markWidth - 10, $Height - $markHeight - 10, 0, 0, $markWidth, $markHeight, $markWidth, $markHeight);imagedestroy($Img); } /*** 缩略图(按等比例,根据设置的宽度和高度进行裁剪)*/ private function _thumb() {//如果原图本身小于缩略图,按原图长高if ($this->newWidth > $this->width) $this->newWidth = $this->width;if ($this->newHeight > $this->height) $this->newHeight = $this->height;//背景图长高$gd_width = $this->newWidth;$gd_height = $this->newHeight;//如果缩略图宽高,其中有一边等于原图的宽高,就直接裁剪if ($gd_width == $this->width || $gd_height == $this->height) { $this->newWidth = $this->width; $this->newHeight = $this->height;} else { //计算缩放比率 $per = 1; if (($this->newHeight / $this->height) > ($this->newWidth / $this->width)) {$per = $this->newHeight / $this->height; } else {$per = $this->newWidth / $this->width; } if ($per < 1) {$this->newWidth = $this->width * $per;$this->newHeight = $this->height * $per; }}$this->newImg = $this->_CreateImg($gd_width, $gd_height, $this->type);imagecopyresampled($this->newImg, $this->img, 0, 0, 0, 0, $this->newWidth, $this->newHeight, $this->width, $this->height); } /*** 缩略图(按等比例)* @param resource $img 图像流* @param int $width* @param int $height* @param int $type* @param int $new_width* @param int $new_height* @return resource*/ private function _thumb1($img, $width, $height, $type, $new_width, $new_height) {if ($width < $height) { $new_width = ($new_height / $height) * $width;} else { $new_height = ($new_width / $width) * $height;}$newImg = $this->_CreateImg($new_width, $new_height, $type);imagecopyresampled($newImg, $img, 0, 0, 0, 0, $new_width, $new_height, $width, $height);return $newImg; } /*** 加载图片* @param string $imgPath* @param int $type* @return resource*/ private function _loadImg($imgPath, $type) {switch ($type) { case 1: // GIF$img = imagecreatefromgif($imgPath);break; case 2: // JPG$img = imagecreatefromjpeg($imgPath);break; case 3: // PNG$img = imagecreatefrompng($imgPath);break; default: //其他类型Tool::alertBack("不支持当前图片类型." . $type);break;}return $img; } /*** 创建一个背景图像* @param int $width* @param int $height* @param int $type* @return resource*/ private function _CreateImg($width, $height, $type) {$img = imagecreatetruecolor($width, $height);switch ($type) { case 3: //pngimagecolortransparent($img, 0); //设置背景为透明的imagealphablending($img, false);imagesavealpha($img, true);break; case 4://gifimagecolortransparent($img, 0);break;}return $img; }}
6.调用

调用非常简单,在引入类后,直接new 并输入对应参数即可:
e.g.
new Image($_path, MARK, 400, 200, 100);
7.小结
这个Image 类能够生成缩略图,不出现黑边,添加水印图,能根据图片的大小缩放水印图。当然有个缺点,就是不能缩放GIF的动画,因为涉及到帧的处理,比较麻烦。
 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。