随着互联网的飞速发展，网站已经成为企业、个人展示形象、发布信息的重要平台。而文章图片作为网站内容的重要组成部分，其大小直接影响到网站的加载速度和用户体验。今天，就让我来和大家分享一下如何在DedeCMS中轻松控制文章图片大小，让你的网站更加美观。
一、DedeCMS简介
DedeCMS是一款功能强大的中文内容管理系统，广泛应用于各类网站的建设。它拥有丰富的模板、插件和功能，能够满足不同用户的需求。在DedeCMS中，我们可以轻松地发布文章、管理图片等，让网站建设更加便捷。
二、DedeCMS文章图片大小的重要性
1. 加载速度：图片过大，会导致页面加载缓慢，影响用户体验。控制图片大小，可以提高网站的加载速度，提升用户体验。
2. 服务器资源：图片过大，会增加服务器的存储空间和带宽消耗，提高运营成本。合理控制图片大小，可以降低服务器资源消耗。
3. 用户体验：美观、清晰的图片能够提升文章的可读性和吸引力。合理控制图片大小，可以使图片在保证清晰度的更加美观。
三、DedeCMS控制文章图片大小的方法
1. 图片上传时的设置
（1）在DedeCMS后台，进入“内容管理”模块，选择“文章发布”或“单页发布”。
（2）填写文章标题、内容等信息，点击“插入图片”按钮。
（3）在弹出的“插入图片”窗口中，找到要上传的图片，点击“上传”按钮。
（4）在图片上传过程中，会出现“图片属性”设置，可以在此处调整图片大小。
| 属性 | 说明 |
|---|---|
| 宽度 | 设置图片的宽度，单位为像素（px）。 |
| 高度 | 设置图片的高度，单位为像素（px）。 |
| 缩略图 | 选择是否生成缩略图。 |
| 水印 | 选择是否添加水印，并设置水印样式。 |
| 压缩质量 | 设置图片压缩质量，数值越小，压缩效果越好，但图片质量会降低。 |
（5）设置完成后，点击“确定”按钮，图片将被上传并插入到文章中。
2. 图片编辑工具
（1）使用图片编辑软件（如Photoshop、美图秀秀等）对图片进行编辑，调整图片大小。
（2）将编辑后的图片上传到DedeCMS后台，按照上述方法插入到文章中。
3. 插件设置
（1）在DedeCMS后台，进入“系统设置”模块，选择“插件管理”。
（2）找到“图片处理”插件，点击“启用”按钮。
（3）在插件设置页面，根据需要调整图片处理参数，如图片上传大小限制、图片压缩比例等。
四、注意事项
1. 在调整图片大小时，注意保留图片的原始分辨率，以保证图片的清晰度。
2. 图片上传时，尽量选择高质量的图片，避免压缩过度导致图片模糊。
3. 图片水印设置要合理，不要影响图片的美观和文章的阅读体验。
4. 定期清理服务器上的图片缓存，释放服务器空间。
通过以上方法，我们可以轻松地在DedeCMS中控制文章图片大小，提高网站的加载速度和用户体验。希望本文能对大家有所帮助，祝大家网站建设顺利！
dedecms图片问题:前台调用后台图片,实现后台控制前台图片
这个简单，织梦后台有上传文件功能，你只需要吧所有图片都按顺序命名，比如：banner1.jpg、banner2.jpg、banner3.jpg等等，然后把图片传到指定的文件夹。
然后在后台的基本参数增加新变量，变量名为：cfg_banner，如下图
接着我们拿images文件夹为例子，模板中这样写：
<img src=”/images/banner{dede:global.cfg_banner/}.jpg”>
这样你只需在后台修改数字1、2、3、4就可以改变相应图片了
dedecms5.7调用图片出现严重失真,缩略图显示严重变形
首先在网站后台系统中设置网站缩略图尺寸大小和模板中调用图片最大尺寸相同.
再打开文件include/helpers/extend.helpes.php在最下面加上以下代码
if(! function_exists('thumb'))
{
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)'/]
再到 include/helpers/image.helpes.php中写入以下代码
/**
*缩图片自动生成函数，来源支持bmp、gif、jpg、png
*但生成的小图只用jpg或png格式
*@access public
*@param string$srcFile图片路径
*@param string$toW转换到的宽度
*@param string$toH转换到的高度
*@param string$toFile输出文件到
*@return string
*/
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;
}
}
即可
QQ:51461981
dedecms自定义图片字段标签问题
之前选择的自定义图片图集
一、添加一个获取图片地址的方法
打开/include/extend.func.文件（注：这个文件就是系统预留的自定义函数接口文件，主要用于二次开发用的。如果你是老版本，默认没有这个文件，自己创建一个PHP文件即可），在最下面的?>上一行加入以下函数代码：（如果结尾没有?>那就直接在最下面添加）
function GetOneImgUrl($img,$ftype=1){ if($img<>''){$dtp= new DedeTagParse();$dtp->LoadSource($img); if(is_array($dtp->CTags)){ foreach($dtp->CTags as$ctag){ if($ctag->GetName()=='img'){$width=$ctag->GetAtt('width');$height=$ctag->GetAtt('height');$imgurl= trim($ctag->GetInnerText());$img=''; if($imgurl!=''){ if($ftype==1){$img.=$imgurl;} else{$img.='<img src=”'.$imgurl.'” width=”'.$width.'” height=”'.$height.'”/>';}}}}}$dtp->Clear(); return$img;}}
可以直接用下面的方法调用
[field:自定义图片字段名 function=”GetOneImgUrl(@me,显示类型)”/]
最终使用方法。
{dede:arclist typeid='12' addfields='datu' channelid='17' limit='0,7'}
<li><a href=”[field:arcurl/]” target=”_blank”><img border=”0″ src=”[field:datu%20function='GetOneImgUrl(@me,1)'/]”></a></li>
{/dede:arclist}
最终调用到这个图片地址。
