PHP縮略圖生成和圖片水印制作
1.開(kāi)始
在網(wǎng)站上傳圖片過(guò)程,經(jīng)常用到縮略圖功能。這里我自己寫了一個(gè)圖片處理的Image類,能生成縮略圖,并且可以添加水印圖。
2.如何生成縮略圖
生成縮略圖,關(guān)鍵的是如何計(jì)算縮放比率。
這里,我根據(jù)圖片等比縮放,寬高的幾種常見(jiàn)變化,得出一個(gè)算縮放比率算法是,使用新圖(即縮略圖)的寬高,分別除以原圖的寬高,看哪個(gè)值大,就取它作為縮放比率:
縮放比率 = Max( { 新圖高度 / 原圖高度 , 新圖寬度 / 原圖寬度 } )
也就是:
If ( (新圖高度 / 原圖高度) > (新圖寬度 / 原圖寬度 ) ) {
縮放比率 = 新圖高度 / 原圖高度;
}ELSE {
縮放比率 = 新圖寬度 / 原圖寬度;
}
這里列出場(chǎng)景的圖片縮放場(chǎng)景,及處理方法:
e.g
場(chǎng)景1,原圖比新圖大的情況, 縮放比率 = 新圖寬度 / 原圖寬度 :

場(chǎng)景2,原圖比新圖大的情況,b. 縮放比率 = 新圖高度 / 原圖高度 :

場(chǎng)景3,原圖比新圖大的情況,而且新圖寬高相等,即新圖形狀是正方形,那么上面的縮放算法也是適用的。
場(chǎng)景4,如果 “新圖寬度 >= 原圖寬度” ,同時(shí) “新圖高度 >= 原圖高度”,那么不縮放圖片,也不放大圖片,保持原圖。

場(chǎng)景5,如果 “新圖寬度 < 原圖寬度”,同時(shí) “新圖高度 >= 原圖高度” ,那么先設(shè)置 “新圖高度= 原圖高度”,再剪切。

場(chǎng)景6,如果 “新圖高度 < 原圖高度”,同時(shí) “新圖寬度 >= 原圖寬度” ,那么先設(shè)置 “新圖寬度= 原圖寬度”,再剪切。

3.如何添加水印圖片
添加水印很容易,我這里沒(méi)考慮那么復(fù)雜,主要是控制水印位置在圖片的右下角,和控制水印在圖片中的大小。如,當(dāng)目標(biāo)圖片與水印圖大小接近,那么需要先等比縮放水印圖片,再添加水印圖片。

左邊兩幅圖,上面是原圖,下面是水印圖,右邊的縮放后加水印的新圖。
4.類圖

5.PHP代碼
5.1. 構(gòu)造函數(shù) __construct()
在Image類中,除了構(gòu)造函數(shù)__construct()是public,其它函數(shù)都為private.也就是在函數(shù)__construct()中,直接完成了生成縮略圖和添加水印圖的功能。如果,只生成縮略圖而不需要添加水印,那么直接在__construct()的參數(shù)$markPath,設(shè)置為null即可。
其中,“$this->quality = $quality ? $quality : 75;” 控制輸出為JPG圖片時(shí),控制圖片質(zhì)量(0-100),默認(rèn)值為75;
/**
* Image constructor.
* @param string $imagePath 圖片路徑
* @param string $markPath 水印圖片路徑
* @param int $new_width 縮略圖寬度
* @param int $new_height 縮略圖高度
* @param int $quality JPG圖片格輸出質(zhì)量
*/
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. 生成縮略圖函數(shù)_thumb()
/**
* 縮略圖(按等比例,根據(jù)設(shè)置的寬度和高度進(jìn)行裁剪)
*/
private function _thumb()
{
//如果原圖本身小于縮略圖,按原圖長(zhǎng)高
if ($this->newWidth > $this->width) $this->newWidth = $this->width;
if ($this->newHeight > $this->height) $this->newHeight = $this->height;
//背景圖長(zhǎng)高
$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 {
//計(jì)算縮放比率
$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);
}
生成縮略圖函數(shù)_thumb() ,是按照前面的分析來(lái)進(jìn)行編碼。
5.3. 添加水印圖片函數(shù) _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);
}
在添加水印圖片中,用到一個(gè)_thumb1()函數(shù)來(lái)縮放水印圖片:
/**
* 縮略圖(按等比例)
* @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;
//輸出圖像質(zhì)量,jpg有效
private $quality;
/**
* Image constructor.
* @param string $imagePath 圖片路徑
* @param string $markPath 水印圖片路徑
* @param int $new_width 縮略圖寬度
* @param int $new_height 縮略圖高度
* @param int $quality JPG圖片格輸出質(zhì)量
*/
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);
}
/**
* 縮略圖(按等比例,根據(jù)設(shè)置的寬度和高度進(jìn)行裁剪)
*/
private function _thumb()
{
//如果原圖本身小于縮略圖,按原圖長(zhǎng)高
if ($this->newWidth > $this->width) $this->newWidth = $this->width;
if ($this->newHeight > $this->height) $this->newHeight = $this->height;
//背景圖長(zhǎng)高
$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 {
//計(jì)算縮放比率
$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('不支持當(dāng)前圖片類型.' . $type);
break;
}
return $img;
}
/**
* 創(chuàng)建一個(gè)背景圖像
* @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); //設(shè)置背景為透明的
imagealphablending($img, false);
imagesavealpha($img, true);
break;
case 4://gif
imagecolortransparent($img, 0);
break;
}
return $img;
}
}
6.調(diào)用
調(diào)用非常簡(jiǎn)單,在引入類后,直接new 并輸入對(duì)應(yīng)參數(shù)即可:
e.g.
new Image($_path, MARK, 400, 200, 100);
7.小結(jié)
這個(gè)Image 類能夠生成縮略圖,不出現(xiàn)黑邊,添加水印圖,能根據(jù)圖片的大小縮放水印圖。當(dāng)然有個(gè)缺點(diǎn),就是不能縮放GIF的動(dòng)畫,因?yàn)樯婕暗綆奶幚?,比較麻煩。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Laravel 手動(dòng)開(kāi)關(guān) Eloquent 修改器的操作方法
這篇文章主要介紹了Laravel 手動(dòng)開(kāi)關(guān) Eloquent 修改器的操作方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
ThinkPHP實(shí)現(xiàn)多數(shù)據(jù)庫(kù)連接的解決方法
這篇文章主要介紹了ThinkPHP實(shí)現(xiàn)多數(shù)據(jù)庫(kù)連接的解決方法,需要的朋友可以參考下2014-07-07
thinkphp調(diào)用sqlserver儲(chǔ)存過(guò)程返回多個(gè)結(jié)果集
這篇文章主要介紹了thinkphp調(diào)用sqlserver儲(chǔ)存過(guò)程返回多個(gè)結(jié)果集,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
Thinkphp自定義美化success和error提示跳轉(zhuǎn)頁(yè)面代碼實(shí)例
這篇文章主要介紹了Thinkphp自定義美化success和error提示跳轉(zhuǎn)頁(yè)面代碼實(shí)例,有需要的同學(xué)可以直接借鑒文中代碼,可以增加頁(yè)面的美觀和友好程度2021-03-03
ThinkPHP框架整合微信支付之Native 掃碼支付模式二圖文詳解
這篇文章主要介紹了ThinkPHP框架整合微信支付之Native 掃碼支付模式,結(jié)合圖文形式詳細(xì)分析了thinkPHP整合微信掃碼支付功能的具體步驟與相關(guān)操作技巧,以及與模式一的區(qū)別,需要的朋友可以參考下2019-04-04

