Explication détaillée de la génération de vignettes PHP et de la création de filigrane d'image-tutoriel php-php.cn

Cet article présente principalement en détail le processus de génération de vignettes PHP et de création de filigrane d'image. Les étapes pertinentes de PHP pour implémenter l'ajout de filigrane et la génération de vignettes ont une certaine valeur de référence. Les amis intéressés peuvent s'y référer

<.>1. Démarrez le processus de téléchargement des images sur le site Web. La fonction vignette est souvent utilisée. Ici, j'ai écrit une classe Image pour le traitement d'images, qui peut générer des vignettes et ajouter des filigranes.
2. Comment générer des vignettes

La clé pour générer des vignettes est de savoir comment calculer le taux de zoom.
Ici, sur la base de la mise à l'échelle de l'image et de plusieurs changements courants de largeur et de hauteur, j'ai trouvé un algorithme pour calculer le rapport de mise à l'échelle : utilisez la largeur et la hauteur de la nouvelle image (c'est-à-dire la vignette) et divisez-la par l'image d'origine respectivement. Largeur et hauteur, la valeur la plus grande étant utilisée comme rapport de mise à l'échelle :

Rapport de zoom = Max ({ hauteur de la nouvelle image / hauteur de l'image originale, largeur de la nouvelle image / largeur de l'image originale}. )

C'est-à-dire :

Si ( (Nouvelle hauteur de l'image / Hauteur de l'image originale) > (Nouvelle largeur de l'image / Largeur de l'image originale) ) {

Taux de zoom = Nouvelle hauteur d'image / hauteur d'image d'origine

}

Voici les scènes de mise à l'échelle de l'image de la scène et leurs méthodes de traitement :

par exemple

Scénario 1, l'image d'origine est plus grande que la nouvelle image, rapport de mise à l'échelle = nouvelle largeur d'image/largeur d'image d'origine :

Scénario 2, l'image originale est plus grande que la nouvelle image, b. Rapport de mise à l'échelle = nouvelle hauteur de l'image/hauteur de l'image originale :

Scénario 3 , l'image originale est plus grande que la nouvelle image, et la largeur et la hauteur de la nouvelle image sont égales, c'est-à-dire que la nouvelle image La forme du graphique est carrée, donc l'algorithme de mise à l'échelle ci-dessus est également applicable. Scène 4, si « nouvelle largeur de l'image >= largeur de l'image d'origine » et « nouvelle hauteur de l'image >= hauteur de l'image d'origine », alors l'image ne sera ni mise à l'échelle ni agrandie, et l'image d'origine sera conservée.

Scénario 5, si "nouvelle largeur d'image < largeur d'image d'origine" et "nouvelle hauteur d'image> = hauteur d'image d'origine", alors définissez d'abord "nouvelle hauteur d'image" = hauteur de l'image originale", puis coupé.

Scénario 6, si "nouvelle hauteur de l'image < hauteur de l'image d'origine" et "nouvelle largeur de l'image> = largeur de l'image d'origine", alors définissez d'abord "nouvelle largeur de l'image" = largeur de l'image originale", puis coupez-la.

3. Comment ajouter un filigrane à une image

Ajouter un filigrane est facile ici. . L'essentiel est de contrôler la position du filigrane sur l'image et de contrôler la taille du filigrane dans l'image. Par exemple, lorsque la taille de l'image cible et celle de l'image du filigrane sont proches l'une de l'autre, vous devez d'abord redimensionner l'image du filigrane proportionnellement, puis ajouter l'image du filigrane.

Les deux images de gauche, le haut est l'image originale, le bas est l'image filigranée et la droite est la nouvelle image après mise à l'échelle et ajout d'un filigrane.

4. Diagramme de classes

5. Code PHP

5.1. Constructeur __construct()

Dans la classe Image, à l'exception du constructeur __construct() qui est public, les autres fonctions sont privées. , dans la fonction __construct(), les fonctions de génération de vignettes et d'ajout de filigranes sont directement complétées. Si vous générez uniquement des vignettes sans ajouter de filigrane, définissez directement le paramètre $markPath de __construct() sur null.

Parmi eux, "$this->quality = $quality ? $quality : 75;" Lors du contrôle de la sortie vers une image JPG, contrôlez la qualité de l'image (0-100), la valeur par défaut est 75.

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);
  }

Copier après la connexion

生成缩略图函数_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);
  }

Copier après la connexion

在添加水印图片中，用到一个_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;
  }

Copier après la connexion

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[&#39;DOCUMENT_ROOT&#39;] . $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(&#39;不支持当前图片类型.&#39; . $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;
 }
}

Copier après la connexion

6.调用

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

e.g.

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助。