用户操作手册

所在位置:

首页用户操作手册网站管理第十五节:网站文件管理(图片水印、图片压缩等操作)

第十五节:网站文件管理(图片水印、图片压缩等操作)

注:所有教程内容图片都可点击放大查看;视频可点击播放,双击全屏;

      在上传网站图片中,图片对一个网站的访问速度起着至关重要的作用,过大的图片将导致网站整体浏览速度下降,用户体验性差;

以是为网站图片处理原则:


一、图片大小适合为好:

       1、BANNER广告图片,正常大小控制在:1920px以内宽度,800px以内高度(全屏高度1200px高度以内);

       2、文档头部图片,正常大小控制在:1920px以内宽度,350px以内高度;

       3、产品、案例等列表图片,依展示方式正常大小控制在:800px-400px以内宽度,800px-400px以内高度;

       4、公司简介、产品详情介绍、案例介绍等图片展示,正常大小控制在:1200px-800px宽度以内,高度依宽度比例,最高高度不超过2000px;


二、没必要的高质量JPEG图片:

        JPEG图片确实为web带来革命性的影响. 多年以来,这一有损压缩格式让web开发者可以值耗费较任何其它竞争对手更低的带宽来加载带有高细节的高分辨率图像。

        而我们仍然不断看到开发者和图形设计师不去尝试对图像进行JPEG压缩. 事实上,在大多数网站中,你都可以在观看质量没有明显损失的前提下安全吧JPEG质量降低一个档次。

        而85%的 JPEG 图像质量 似乎很普遍,我们看到许多网站中的质量都普遍是在95%,而一个更低的质量水品,其实可以再不损害整个体验的情况下大大解决带宽. 最终结果是更高的带宽消耗,以及网络延时给用户体验带来的影响。


三、错误的图片文件类型:

        当前的网站是 JPEG、PNG 以及 GIF 三分天下。网站中平均起来 JPEG 和 GIF 占大约 40%,PNG 占剩下的 20%。

        关于这三种格式的好的(以及坏的)方面是它们每一个在网站中都有不同的角色。使用错误图片格式是浪费访问者的时间以及你自己的钱。

        PNG的通常的误解是它是无损的格式,并认为它是照片最可能的替代品。通常来说这没错,也确实没必要做优化。只需要一点点PNG文件大小就可以获得质量相当的高质量JPEG图片,但图片越复杂,PNG文件越大,所以PNG图片不适合做大图(不建议超过:600*600),JPG在大图显示明显比PNG更具优势。

image.png


左边的是PNG图片,它有110KB大小。右边是一个JPEG图片,看起来差不多,但是只有15KB大小。


要时刻注意什么图片格式适合于内容显示。PNG应该被用于计算机生成的图片(图表、logo等),或者你需要图片中有部分透明(图片覆盖)。JPEG应该被用于显示抓取的图片。GIF应该在要显示动画时用(使用Jjax载入动画等)。要注意这些是通常的原则,JPG几乎在所有的方面都要胜过GIF。



相关教程

系统:教程适用于 V8.0 系统