我们在发布网站内容的时候，经常会考虑添加图片，一个是为了美观，还一个是为了丰富文章，但是很多时候我们添加的图片过大，要不导致网站打开速度过慢，要不就是网站错位；那么我们就需要缩小图片的尺寸，而且希望等比例缩小，不然图片会变形，一点都不好看，下面易活小编告诉大家怎么解决图片过大导致网站变形错位：

怎么等比例缩小图片尺寸

1、打开include/arc.archives.class.php 找到下面代码

1. //设置全局环境变量 
2. $this->Fields['typename'] = $this->TypeLink->TypeInfos['typename']; 
3. @SetSysEnv($this->Fields['typeid'],$this->Fields['typename'],$this->Fields['id'],$this->Fields['title'],'archives'); 

在上面的代码下面加入下面这些代码

1. //替换图片Alt为文档标题 
2. $this->Fields['body'] = str_ireplace(array('alt=""','alt=\'\''),'',$this->Fields['body']); 
3. $this->Fields['body'] = preg_replace("@ [\s]{0,}alt[\s]{0,}=[\"'\s]{0,}[\s\S]{0,}[\"'\s] 
4. @isU"," ",$this->Fields['body']); 
5. $this->Fields['body'] = str_ireplace("<img " ,"<img alt=\"".$this->Fields['title']."\" 
6. ",$this->Fields['body']); 
7. //img标签中加入超宽缩小JS调用代码 
8. $suolue='onload="javascript:ImgReSize(this)"'; 
9. $this->Fields['body'] = str_ireplace("<img " ,"<img ".$suolue." ",$this->Fields['body']); 
10. //屏蔽height属性 
11. $this->Fields['body'] = preg_replace('/<img(.+?)height=(.+?) (.+?)>/i',"<img$1$3>",$this->Fields['body']); 

2、在网站后面模板里面打开你前台文章页模版，默认的是：/templets/default/article_article.htm，加入如下代码。那个600的数值，意思是当图片超过这个数值，自动将图片缩小，宽度缩小为600，高度自动按比例缩小，这样不会变形。

加入的代码如下：

1. <script language='javascript'> 
2. function ImgReSize(e) 
3. { 
4.   if(e.width>600) //600可根据你文章的内容区域大小，可调整 
5.   { 
6.     e.width=600;   //等同上面你设的那个数值 
7.     e.style.width=""; 
8.   } 
9.   if(e.height>10) 
10.   { 
11.     e.style.height=""; 
12.   } 
13. } 
14. </script>  

然后我们保存模板，进行网站生成就OK了，这样后期我们网站内容页上传图片的时候就再也不用担心图片过大导致网站布局混乱！