一聚教程网:一个值得你收藏的教程网站

热门教程

PHP缩略图生成和图片水印制作的方法

时间:2022-06-24 17:44:51 编辑:袖梨 来源:一聚教程网

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图片格输出质量
 */
publicfunction__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()

/**
 * 缩略图(按等比例,根据设置的宽度和高度进行裁剪)
 */
privatefunction_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()    

/**
 * 添加水印
 */
privatefunction_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
 */
privatefunction_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. 完整代码:

 
/**
 * 图片处理,生成缩略图和添加水印图片
 * Created by PhpStorm.
 * User: andy
 * Date: 17-1-3
 * Time: 上午11:55
 */
classImage
{
 //原图
 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图片格输出质量
  */
 publicfunction__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();
 }
 
 /**
  *图片输出
  */
 privatefunction_outputImg()
 {
  switch($this->type) {
   case1:// GIF
    imagegif($this->newImg,$this->imgPath);
    break;
   case2:// JPG
    if(intval($this->quality) < 0 ||intval($this->quality) > 100)$this->quality = 75;
    imagejpeg($this->newImg,$this->imgPath,$this->quality);
    break;
   case3:// PNG
    imagepng($this->newImg,$this->imgPath);
    break;
  }
  imagedestroy($this->newImg);
  imagedestroy($this->img);
 }
 
 /**
  * 添加水印
  */
 privatefunction_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);
 }
 
 /**
  * 缩略图(按等比例,根据设置的宽度和高度进行裁剪)
  */
 privatefunction_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
  */
 privatefunction_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
  */
 privatefunction_loadImg($imgPath,$type)
 {
  switch($type) {
   case1:// GIF
    $img= imagecreatefromgif($imgPath);
    break;
   case2:// JPG
    $img= imagecreatefromjpeg($imgPath);
    break;
   case3:// PNG
    $img= imagecreatefrompng($imgPath);
    break;
   default://其他类型
    Tool::alertBack('不支持当前图片类型.'.$type);
    break;
  }
  return$img;
 }
 
 /**
  * 创建一个背景图像
  * @param int $width
  * @param int $height
  * @param int $type
  * @return resource
  */
 privatefunction_CreateImg($width,$height,$type)
 {
  $img= imagecreatetruecolor($width,$height);
  switch($type) {
   case3://png
    imagecolortransparent($img, 0);//设置背景为透明的
    imagealphablending($img, false);
    imagesavealpha($img, true);
    break;
   case4://gif
    imagecolortransparent($img, 0);
    break;
  }
 
  return$img;
 }
}

6.调用

调用非常简单,在引入类后,直接new 并输入对应参数即可:

e.g.

new Image($_path, MARK, 400, 200, 100);

7.小结
这个Image 类能够生成缩略图,不出现黑边,添加水印图,能根据图片的大小缩放水印图。当然有个缺点,就是不能缩放GIF的动画,因为涉及到帧的处理,比较麻烦。

热门栏目