为了使模板看着更协调，经常会需要规定图片的尺寸，这里提供一些常用的方法，供大家使用。

一、Datalife Engine站点文章内图片相关设定和管理

为了让大家对DLE站点的图片设定和管理有更多的了解，这里首先先介绍一下这方面的知识。打开 后台 》 系统设定 》图片设置 及 后台 》 图片管理 可以分别设置和管理图片，相关功能不难，不多加介绍，如下面2图所示：

[程序特性] DLE文章内图片设定管理及自定义上传/远程图片尺寸的尺寸

[程序特性] DLE文章内图片设定管理及自定义上传/远程图片尺寸的尺寸

二、规定文章图片的展示尺寸

方法一：通过程序来设定

在图片设定部分，大家已经看到我勾出了两个地方，分别是规定站内上传图片和远程连接图片的尺寸限制。通过这两处设定，我们就可以很好的管理文章内图片的大小了。因为这两处设定会影响到添加文章的编辑器，在添加文章时就会对图片自动添加尺寸大小。

如果你想了解更多，可以打开 /engine/classes/parse.php 搜索@getimagesize即可找到相关代码。

方法二：通过js来实现

JS脚本的功能非常强大，不同的js可以实现成千上万的功能、特效，本文介绍一个调整图片尺寸的js代码。

找到/templates/xxxxx/main.tpl模板文件，并在<head></head>标签组中间加入以下代码：

<script type="text/javascript">
window.onload= function() {
      ims = document.images;
      for (var i in ims) {
          if (ims[i].width > 500) {
              ims[i].width=500;
              ims[i].height=Math.round(ims[i].height*500/ims[i].width);
          }
      }
  }
</script>

两种方法比较：

方法一是：

在添加文章的时候就处理了图片尺寸，所以在站点呈现时会更快，效果更好。不过必须通过站点添加文章才有效，如果是采集支持把内容输入数据库，就不会发挥作用了。

方法二是：

在浏览站点时，图片加载完成后再通过js对图片尺寸加以控制。这个方法虽然添加代码简单，不过遇到大图片时，会把网页撑得很大，图片加载好才恢复正常，用户体验不太友好。