Dedecms缩略图变形解决方案：实现按比例裁剪

在使用DEDECMS构建网站时，缩略图变形的问题尤为突出，特别是在图文资讯栏目中。这一问题的根源在于，默认情况下，img标签的HTML代码会限制图片的高度和宽度，而DEDECMS生成的实际缩略图是按照比例缩小的，并不一定与HTML代码中的限制完全一致，从而导致缩略图变形。

为了解决这个问题，我们需要在上传图片时对缩略图进行裁剪，以确保其尺寸的一致性和清晰度。

默认情况下，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, DEDEROOT.$newthumb); 
} 
else 
{ 
ImageResize(DEDEROOT.$thumb, $width, $height, DEDEROOT.$newthumb); 
} 
} 
return $cfg_multi_site=='Y'?$cfg_mainsite.$newthumb:$newthumb; 
}

三、调用方法如下：


[field:picname function='thumb(@me,$width,$height,$bg)'/]

参数说明：

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

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

$bg: 是否用空白填补，默认自动填补，背景填充颜色可在系统-附件设置中配置（true/false）

举例：

调用长宽为100像素的缩略图：
[field:picname function='thumb(@me,100,100)'/]

保留原有比例，不自动填充（不建议）：
[field:picname function='thumb(@me,100,100,false)'/]

通过以上方法，您可以轻松解决DEDECMS缩略图变形的问题，同时还能根据需求生成不同尺寸和比例的缩略图，提升网站的整体视觉效果。

推荐阅读