如何自动裁剪并适应比例地生成DedeCMS v5.7的缩略图？

实现DedeCMSv57缩略图自动裁剪自动适应比例教程

简介

在DedeCMS v5.7中，默认的缩略图生成方式可能会导致图片变形，尤其是在图文资讯栏目中，为了解决这个问题，可以通过自定义函数和设置，让缩略图自动裁剪并适应比例，以下将详细介绍如何实现这一功能。

步骤一：系统设置

首先需要确保系统中的缩略图尺寸设置正确，进入DedeCMS后台，依次点击“系统” > “附件设置”，将缩略图的默认宽度和高度设置为大于等于你全站所有调用缩略图的最大尺寸，这样可以避免由于图片尺寸不足导致的模糊和失真问题。

步骤二：修改include/extend.func.php文件

打开DedeCMS根目录下的include/extend.func.php文件，找到最后一个?> 前的位置，添加以下代码：

function thumb($imgurl, $width, $height, $bg = true) {
    global $cfg_mainsite, $cfg_multi_site;
    $thumb = eregi("http://", $imgurl) ? str_replace($cfg_mainsite, '', $imgurl) : $imgurl;
    list($thumbname, $extname) = explode('.', $thumb);
    $newthumb = $thumbname . '_' . $width . '_' . $height . '.' . $extname;
    
    if (!$thumbname || !$extname || !file_exists(DEDEROOT . $thumb)) return $imgurl;
    
    if (!file_exists(DEDEROOT . $newthumb)) {
        include_once DEDEINC . '/image.func.php';
        
        if ($bg == true) {
            ImageResizeNew(DEDEROOT . $thumb, $width, $height, $newthumb);
        } else {
            ImageResize(DEDEROOT . $thumb, $width, $height, $newthumb);
        }
    }
    return $cfg_multi_site == 'Y' ? $cfg_mainsite . $newthumb : $newthumb;
}

步骤三：调用方法

在模板文件中，使用以下标签来调用缩略图函数：

[field:picname function='thumb(@me,100,100)'/]

上述代码将会生成一个宽高均为100像素的缩略图，如果希望保留原有比例而不进行空白填补，可以使用以下代码：

[field:picname function='thumb(@me,100,100,false)'/]

参数说明

$width: 缩略图的宽度（整数）

$height: 缩略图的高度（整数）

$bg: 是否用空白填补，默认为true，可以在系统附件设置里设置背景填充颜色。

示例

假设你需要在列表页调用一个100×100像素的缩略图，可以这样写：

<img src="[field:picname function='thumb(@me,100,100)'/]" alt="缩略图">

常见问题解答

Q1: 为什么按照上述步骤操作后，缩略图依然变形？

A1: 确保在系统附件设置中设置的缩略图宽度和高度足够大，并且上传的图片本身分辨率足够高，请检查代码是否正确添加到了include/extend.func.php文件中。

Q2: 如何在不改变比例的情况下生成缩略图？

A2: 在调用缩略图函数时，将$bg参数设置为false。

[field:picname function='thumb(@me,100,100,false)'/]

Q3: 是否可以自定义背景填充颜色？

A3: 是的，可以在系统附件设置中设置背景填充颜色，当$bg参数为true时，缩略图会自动应用这个背景颜色。

通过以上步骤，你可以成功实现DedeCMS v5.7中的缩略图自动裁剪和比例适应功能，确保网站图片显示更加清晰和美观。

DedeCMS v5.7 缩略图自动裁剪自动适应比例教程

目录

1、前言

2、准备工作

3、修改配置文件

4、编写自动裁剪函数

5、集成到DedeCMS

6、测试与优化

7、归纳

1. 前言

DedeCMS是一款功能强大的内容管理系统，常用于构建网站，在处理图片时，自动裁剪和适应比例是常见的需求，本文将指导您如何在DedeCMS v5.7中实现缩略图自动裁剪和自动适应比例。

2. 准备工作

确保您的服务器已安装DedeCMS v5.7。

准备一张或多张需要裁剪的图片。

确保服务器有足够的权限写入图片处理后的文件。

3. 修改配置文件

打开DedeCMS的配置文件config.php，找到以下配置项：

$config['thumb_maxwidth'] = 100; // 缩略图最大宽度
$config['thumb_maxheight'] = 100; // 缩略图最大高度

根据需要调整这些值，以便根据图片的原始尺寸自动裁剪和适应比例。

4. 编写自动裁剪函数

创建一个新的PHP文件，例如auto_thumb.php，并添加以下代码：

<?php
function auto_thumb($src, $dst, $width, $height) {
    list($w, $h, $type, $attr) = getimagesize($src);
    $ratio = $w / $h;
    $new_width = $width;
    $new_height = $height;
    if ($ratio > 1) {
        // 宽度大于高度
        $new_height = $new_width / $ratio;
    } else {
        // 高度大于宽度
        $new_width = $new_height * $ratio;
    }
    $src_image = imagecreatefromjpeg($src);
    $dst_image = imagecreatetruecolor($new_width, $new_height);
    // 裁剪图片
    imagecopyresampled($dst_image, $src_image, 0, 0, 0, 0, $new_width, $new_height, $w, $h);
    // 输出到目标文件
    switch ($type) {
        case IMAGETYPE_JPEG:
            imagejpeg($dst_image, $dst);
            break;
        case IMAGETYPE_PNG:
            imagepng($dst_image, $dst);
            break;
        // 其他图片格式...
    }
    // 释放资源
    imagedestroy($src_image);
    imagedestroy($dst_image);
}
?>

5. 集成到DedeCMS

在DedeCMS中，您需要将auto_thumb.php中的auto_thumb函数集成到图片处理的流程中，这通常涉及到修改图片上传和生成缩略图的代码。

在include/image.func.php文件中找到生成缩略图的代码，并在适当的位置调用auto_thumb函数。

// 假设这是生成缩略图的代码
// ...
auto_thumb($src, $dst, $config['thumb_maxwidth'], $config['thumb_maxheight']);
// ...

6. 测试与优化

上传一张图片并查看生成的缩略图是否满足需求。

如果需要，根据图片的实际情况调整auto_thumb函数中的参数。

测试不同的图片尺寸和格式，确保缩略图处理功能稳定。

7. 归纳

通过以上步骤，您已经在DedeCMS v5.7中实现了缩略图自动裁剪和自动适应比例的功能，根据实际需求，您可能还需要进行进一步的优化和调整。