原创dedecms缩略图系列教程:解决dedecms缩略图缩放变形问题

时间:2016-04-17

背景:dedecms生成缩略图的原理不够灵活导致缩略图变形,比如后台设置缩略图的尺码为:120*90即为3:2的图片,但是假如内容里的大图尺码为300*300即1:1,这样生成出来的图片就会变形,严重影响网站美观,本文介绍通过修改dedecms生成缩略源码方法解决定问题

打开“include/image.func.php”文件,该文件在dedecms5.6,5.7中所在的目录不一样,5.6中文件在/include/下,5.7中文件在/include/helpers/,如果你懒的找可以直接在网站根目录搜索image.func.php文件

如果你使用的是dedecms5.7,打开目录/include/helpers/找到image.helper.php文件

如果你使用的是dedecms5.6,打开目录/include/找到image.func.php文件

5.7版image.helper.php修改方法

替换

/**

 *  缩图片自动生成函数,来源支持bmp、gif、jpg、png

 *  但生成的小图只用jpg或png格式

 *

 * @access    public

 * @param     string  $srcFile  图片路径

 * @param     string  $toW  转换到的宽度

 * @param     string  $toH  转换到的高度

 * @param     string  $toFile  输出文件到

 * @return    string

 */

/**

 *  获得GD的版本

 *

 * @access    public

 * @return    int

 */

中间的代码为:

if ( ! function_exists('ImageResize'))
{
    function ImageResize($srcFile,$toW,$toH,$toFile="")
{
global $cfg_photo_type;
if($toFile=="")
{
   $toFile = $srcFile;
}
$info = "";
$srcInfo = GetImageSize($srcFile,$info);
switch ($srcInfo[2])
{
   case 1:
    if(!$cfg_photo_type['gif'])
    {
     return false;
    }
    $im = imagecreatefromgif($srcFile);
    break;
   case 2:
    if(!$cfg_photo_type['jpeg'])
    {
     return false;
    }
    $im = imagecreatefromjpeg($srcFile);
    break;
   case 3:
    if(!$cfg_photo_type['png'])
    {
     return false;
    }
    $im = imagecreatefrompng($srcFile);
    break;
   case 6:
    if(!$cfg_photo_type['bmp'])
    {
     return false;
    }
    $im = imagecreatefromwbmp($srcFile);
    break;
}
$srcW=ImageSX($im);
$srcH=ImageSY($im);
if($srcW<=$toW && $srcH<=$toH )
{
   return true;
}
//缩略生成并裁剪
$newW = $toH * $srcW / $srcH;
           $newH = $toW * $srcH / $srcW;
if($newH >= $toH)
{
   $ftoW = $toW;
   $ftoH = $newH;
}
else
{
                     $ftoW = $newW;
   $ftoH = $toH;
}
           if($srcW>$toW||$srcH>$toH)
{
   if(function_exists("imagecreatetruecolor"))
   {
    @$ni = imagecreatetruecolor($ftoW,$ftoH);
    if($ni)
    {
     imagecopyresampled($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);
    }
    else
    {
     $ni=imagecreate($ftoW,$ftoH);
     imagecopyresized($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);
    }
   }
   else
   {
    $ni=imagecreate($ftoW,$ftoH);
    imagecopyresized($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);
   }
   //裁剪图片成标准缩略图
   $new_imgx = imagecreatetruecolor($toW,$toH);
   if($newH >= $toH)
   {
    imagecopyresampled($new_imgx,$ni,0,0,0,($newH - $toH)/2,$toW,$toH,$toW,$toH);
   }
   else
   {
    imagecopyresampled($new_imgx,$ni,0,0,($newW - $toW)/2,0,$toW,$toH,$toW,$toH);
   }
   switch ($srcInfo[2])
   {
    case 1:
     imagegif($new_imgx,$toFile);
     break;
    case 2:
     imagejpeg($new_imgx,$toFile,85);
     break;
    case 3:
     imagepng($new_imgx,$toFile);
     break;
    case 6:
     imagebmp($new_imgx,$toFile);
     break;
    default:
     return false;
   }
   imagedestroy($new_imgx);
   imagedestroy($ni);
}
imagedestroy($im);
return true;
}
}

修改好后保存文件即可,赶紧添加个带图片的文章试试吧,如果你不愿意修改可直接

5.6版image.func.php修改方法

替换

//缩图片自动生成函数,来源支持bmp、gif、jpg、png

//获得GD的版本

中间的代码为:

function ImageResize($srcFile,$toW,$toH,$toFile="")
{
global $cfg_photo_type;
if($toFile=="")
{
   $toFile = $srcFile;
}
$info = "";
$srcInfo = GetImageSize($srcFile,$info);
switch ($srcInfo[2])
{
   case 1:
    if(!$cfg_photo_type['gif'])
    {
     return false;
    }
    $im = imagecreatefromgif($srcFile);
    break;
   case 2:
    if(!$cfg_photo_type['jpeg'])
    {
     return false;
    }
    $im = imagecreatefromjpeg($srcFile);
    break;
   case 3:
    if(!$cfg_photo_type['png'])
    {
     return false;
    }
    $im = imagecreatefrompng($srcFile);
    break;
   case 6:
    if(!$cfg_photo_type['bmp'])
    {
     return false;
    }
    $im = imagecreatefromwbmp($srcFile);
    break;
}
$srcW=ImageSX($im);
$srcH=ImageSY($im);
if($srcW<=$toW && $srcH<=$toH )
{
   return true;
}
//缩略生成并裁剪
$newW = $toH * $srcW / $srcH;
           $newH = $toW * $srcH / $srcW;
if($newH >= $toH)
{
   $ftoW = $toW;
   $ftoH = $newH;
}
else
{
                     $ftoW = $newW;
   $ftoH = $toH;
}
           if($srcW>$toW||$srcH>$toH)
{
   if(function_exists("imagecreatetruecolor"))
   {
    @$ni = imagecreatetruecolor($ftoW,$ftoH);
    if($ni)
    {
     imagecopyresampled($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);
    }
    else
    {
     $ni=imagecreate($ftoW,$ftoH);
     imagecopyresized($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);
    }
   }
   else
   {
    $ni=imagecreate($ftoW,$ftoH);
    imagecopyresized($ni,$im,0,0,0,0,$ftoW,$ftoH,$srcW,$srcH);
   }
   //裁剪图片成标准缩略图
   $new_imgx = imagecreatetruecolor($toW,$toH);
   if($newH >= $toH)
   {
    imagecopyresampled($new_imgx,$ni,0,0,0,($newH - $toH)/2,$toW,$toH,$toW,$toH);
   }
   else
   {
    imagecopyresampled($new_imgx,$ni,0,0,($newW - $toW)/2,0,$toW,$toH,$toW,$toH);
   }
   switch ($srcInfo[2])
   {
    case 1:
     imagegif($new_imgx,$toFile);
     break;
    case 2:
     imagejpeg($new_imgx,$toFile,85);
     break;
    case 3:
     imagepng($new_imgx,$toFile);
     break;
    case 6:
     imagebmp($new_imgx,$toFile);
     break;
    default:
     return false;
   }
   imagedestroy($new_imgx);
   imagedestroy($ni);
}
imagedestroy($im);
return true;
}

可以直接

因dedecms版本的不同代码有所不一样,如果有问题可以找跟版网帮忙解决





相关文章推荐:

1.原创dedecms缩略图系列教程:dede自定义多尺寸缩略图

2.dedecms后台文章列表页显示文章缩略图

3.dedecms列表页有缩略图显示图文列表没有则文字列表

4.dedecms利用[field:global.autoindex /]打造文章排行榜代码

5.dedecms添加文章提示/templets/plus/win_templet.htm Not Found!

上一条:dedecms时间函数解决自定义时间字段调用问题 下一条:手机app开发与调试相关知识和经验

相关文章

最新文章