欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

解决ecshop缩略图不清晰方法

shiping1 的头像

解决ecshop产品图片模糊的方法

发表:ecshop模板堂(ecmoban.com) 发表时间:2012-07-25 阅读:(7133) 次

ecshop新手往往会遇到这样的问题,后台明明按正常流程上传的产品图片,但是显示却非常模糊,找来找去都找不到原因,我们模板堂(www.ecmoban.com)为大家分析下可能发生这样问题的原因。

情况一:无论是首页还是商品页,产品图片都有严重的模糊情况

如果是这种情况,怀疑你前台图片尺寸,和后台设置的图片尺寸不对应导致。

因为我们做模板的为了产品显示整齐会限制图片尺寸,比如缩略图限制是150*150,详细图限制是300*300。而ecshop默认显示的是100*100,230*230。这样就造成了产品尺寸不对应。所以你要确认前台缩略图和详细图的尺寸是什么,如何确认呢?可以鼠标右键属性,就可以看到尺寸是多少像素了。确认完前台尺寸之后在后台系统设置-》商店设置-》显示设置 里 修改,然后记得点一下“图片批量处理”。就可以解决这样的问题了。

 

情况二:只有缩略图稍微模糊,但并不严重,希望更加清晰。

那么你可以修改一下缩略图质量,按这个教程修改http://www.ecmoban.com/article-341.html

 

情况三:商品详细页的图片中,第一张图片略微模糊,但是相册图清晰。

这种情况是因为详细图的第一张是生成的关系,你可以通过在后台 关闭相册生成,这样调用的就是原图。

商店设置--基本设置里 上传商品是否自动生成相册图: 这个选项默认是选择 是 改成 否 就可以了。

或者修改模板部分的源码,将图片调用的代码由生成的图片改成原图即可。

打开goods.dwt  搜索   <img src="{$goods.goods_img}   改成  <img src="{$goods.original_img}

来自 http://help.ecmoban.com/article-1473.html


 

解决ecshop缩略图不清晰方法

 (2013-01-29 12:45:29)
标签: 

杂谈

分类: ecshop二次开发

ECSHOP程序默认生成JPG格式缩略图质量不太好,通常比较模糊,尤其是再添加水印的话,感觉图像显示效果更差。
这跟图片处理函数有关,默认生成JPG图片质量是75(也有说60,65),我们可通过改变函数参数提高图片显示效果

以ECShop2.7.2为例(其他版本类同),通常需要两步操作:

首先,最好让你的原始图片与后台设置的商品图片比例保持一致且原始图片质量较好
其次,如果你需要水印的话,最好是提前处理好而不是让网站程序给图片加水印
 

这里的缩略图100:100比例为1:1;商品图片230:230,比例为1:1
所以保证你的原始图片比例也为1:1最好。


ECSHOP商品图片模糊的解决方法

一。改图片处理函数

打开includes/cls_image.php文件,在大约260行下,将代码:

  1.  
  2. if (function_exists(‘imagejpeg’))
  3. {
  4. $filename .= ’.jpg’;
  5. imagejpeg($img_thumb, $dir . $filename);
  6. }
  7. elseif (function_exists(‘imagegif’))
  8. {

改为:

  1.  
  2. if (function_exists(‘imagejpeg’))
  3. {
  4. $filename .= ’.jpg’;
  5. imagejpeg($img_thumb, $dir . $filename,90); //90这个值越高图片质量越好最高为100。(注意前面有个英文“,”号)
  6. }
  7. elseif (function_exists(‘imagegif’))
  8. {

另外两个GIF,PNG也可以改,不过GIF本身质量就不高,改不改看你需要吧。
接着处理加水印的,(不加水印不用改啊)大约412行:

  1. case 2:
  2. imagejpeg($source_handle, $target);
  3. break;
  4.  
  5. case ‘image/x-png’:
  6. case ‘image/png’:

改为

  1. case 2:
  2. imagejpeg($source_handle, $target,90); //90这个值越高图片质量越好最高为100。(注意前面有个英文“,”号)
  3. break;
  4.  
  5. case ‘image/x-png’:
  6. case ‘image/png’:

最后在后台批处理图片,重新生成一下即可
来自 http://blog.sina.com.cn/s/blog_7b20e4eb0101foi5.html

普通分类: