如何查看、制作新闻或者产品的缩略图?

  • 来源: 郑州科梦多科技发展有限公司
  • 作者: 郑州科梦多科技发展有限公司
  • 发布时间: 2015-09-14 10:13:03
  • 阅读量:

了解制作缩略图之前,我们需要明白为什么做缩略图。


第一、可以提升我们的打开速度


很多客户直接把相机的图片传上去,一张3-6M,就是再快的网速估计起打开非常慢,更何况手机打开呢?一般客户4秒钟打不开页面的话,就会离开。


第二、利于网站优化


那么,如何查看和制作缩略图呢?


(1)先看前台缩略图大小


鼠标放在缩略图的图片上-->右键-->属性


查看缩略图大小

查看缩略图大小


分辨率就是我们的缩略图的大小,这之后,我们就需要把我们的产品缩略图做成171px*110px大小的缩略图,千万不要让我们的产品图片变形。


(2)利用作图工具,对产品图片进行171px*110px的压缩


有的产品图片,按照这个比例压缩之后,不会变形,但是有的图片按照这个比例压缩之后就会变形,那么怎么办呢?


在这里,我们就教大家*简单一个方法。


下载一个isee的软件(http://www.iseeclan.com/)如果你会用美图秀秀也可以。


(3)打开isee,【新建】-->【文件】-->【图片】,建立一个171px*110px大小的图片就行,背景颜色用默认的白色背景即可(不同情况要求不同,需要看原图背景颜色是什么。根据原图背景颜色来制作这个图背景颜色)。


新建白色背景图片


建立之后如下图,红圈部分就是我们建立的白色背景171px*110px大小的图片


(4)接下来,我们只需要点击*左侧的【水印】


添加水印


(5)进入添加水印页面,选择右上角的【选择水印】,选择原图片


选择原图


(6)这个时候,原图会自动置入这个白色背景171px*110px图片中,然后鼠标点击四个角的圆圈,任意选择一个即可。(注意一定要是四个角的圆圈,否则图片会变形)稍微拉动一点,等比例放大到合适情况即可。*好让上下左右某两个方向与白背景的边距保持一点空白即可。


等比例控制原图大小


(7)然后点击上方的【确定】


点击确定


(8)*后一步,ctrs+s保存这张图片即可。这样我们需要的171px*110px的图片就做成啦!


缩略图制作完毕


(9)这时候再从后台上传缩略图,网页的打开速度就会提升很多。


我们点击缩略图看的话,就会发现以前3M的图片,到这里只有不到10KB,从3M到10KB降了多少啊,客户打开速度能不快吗?


这样,缩略图就算穿完毕了。