PHP-生成縮略圖和添加水印圖-學習筆記

時間  2019-11-06
標籤 php 生成 縮略 添加 水印 學習 筆記 欄目 PHP 简体版
原文   原文鏈接

1.開始

    在網站上傳圖片過程，常常用到縮略圖功能。這裏我本身寫了一個圖片處理的Image類，能生成縮略圖，而且能夠添加水印圖。php

 

2.如何生成縮略圖

     生成縮略圖，關鍵的是如何計算縮放比率。算法

     這裏,我根據圖片等比縮放，寬高的幾種常見變化，得出一個算縮放比率算法是，使用新圖（即縮略圖）的寬高，分別除以原圖的寬高，看哪一個值大，就取它做爲縮放比率：ide

               縮放比率  = Max（ { 新圖高度  / 原圖高度 ,  新圖寬度  / 原圖寬度 } ）函數

     也就是：動畫

      If ( (新圖高度  / 原圖高度)  >  (新圖寬度  / 原圖寬度 ) )  {網站

              縮放比率 =  新圖高度  / 原圖高度；this

      }ELSE {編碼

             縮放比率 =  新圖寬度 / 原圖寬度；spa

     }code

 這裏列出場景的圖片縮放場景，及處理方法： 

 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的動畫，由於涉及到幀的處理，比較麻煩。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程