技术教程 编程教程 PHP-生成缩略图和添加水印图-学习笔记 正文

PHP-生成缩略图和添加水印图-学习笔记

2023-06-02,,

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: // GIF

                imagegif($this->newImg, $this->imgPath);

                break;

            case 2: // JPG

                if (intval($this->quality) < 0 || intval($this->quality) > 100) $this->quality = 75;

                imagejpeg($this->newImg, $this->imgPath, $this->quality);

                break;

            case 3: // PNG

                imagepng($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: //png

                imagecolortransparent($img, 0); //设置背景为透明的

                imagealphablending($img, false);

                imagesavealpha($img, true);

                break;

            case 4://gif

                imagecolortransparent($img, 0);

                break;

        }

        return $img;

    }

}

Image.class.php

6.调用

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

e.g.

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

7.小结

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

PHP-生成缩略图和添加水印图-学习笔记的相关教程结束。

《PHP-生成缩略图和添加水印图-学习笔记.doc》

下载本文的Word格式文档，以方便收藏与打印。

Copyright 2023. 昆居客 - IT编程,互联网信息技术文档大全!