优化图片

当PageSpeed Insights检测到网页上的图片可通过优化来减小其尺寸,且不会显著影响其视觉效果时,就会触发此规则。

概览

尽量减小图片尺寸,以缩减用户等待资源加载的时间。适当地设置图片的格式并进行压缩可以节省大量的数据字节空间。这样可以为那些网络连接较慢的用户节约时间,还可以为有流量套餐限制的用户节省成本。

建议

您应对所有图片进行基本优化和高级优化。基本优化包括裁剪不必要的区域,将颜色深度降至可接受的最低水平,移除图片评论以及将图片保存为恰当的格式。您可以使用任意图片编辑程序(例如,GIMP)执行基本优化。高级优化包括对JPEG和PNG文件执行进一步的压缩(无损压缩)。

使用图片压缩工具

市面上有许多工具可用来对JPEG和PNG文件执行进一步的无损压缩,且不会对图片质量造成任何影响。对于JPEG文件,我们建议您使用jpegtranjpegoptim(仅适用于Linux;使用--strip-all选项运行)。对于PNG文件,我们建议使用OptiPNGPNGOUT

选择恰当的图片文件格式

您应测试一下哪种格式最适合您的图片,尽管我们在下面推荐了一些较高级别的格式:

PNG格式几乎一直优于GIF格式,尽管某些旧版浏览器只能为PNG格式提供部分支持

为较小或简单的图形(例如,小于10x10像素的图形或调色板小于3色的图形)以及包含动画的图片使用GIF格式。

为所有摄影风格的图片使用JPG格式。

请勿使用BMP格式或TIFF格式。

Except as otherwise noted, the content of this page is licensed under theCreative Commons Attribution 3.0 License, and code samples are licensed under theApache 2.0 License. For details, see ourSite Policies. Java is a registered trademark of Oracle and/or its affiliates.

上次更新日期:十一月 10, 2015

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在网页上大部分有图片构成,也就是说超过一半的流量和时间都是用来下载图片。从性能优化的角度看,图片也绝对是优化的热点...
    花花0825阅读 368评论 0 0
  • 一直以来Bitmap都是开发中很棘手的问题,这个问题就是传说中的OOM(java.lang.OutofMemory...
    M悇芐冋忆阅读 4,896评论 0 11
  • 本文总结了优化应用中图片资源大小的几种方法,有效的使用这些方法,可以减小应用的图片资源体积。 在使用这些优化方法之...
    buptwsg阅读 4,550评论 0 19
  • 芭蕾的核心是控制,而外在表现形式就是延伸。控制背肌、中段、腿的内侧肌肉,也就是身体的中线;延伸头顶、手指、脚尖,可...
    长颈小狮阅读 2,191评论 1 0
  • ️#青蛙打卡#B1刘文华8月28日江西22/100 【百日目标】 1.23:00/7:00 2.【阅读5/12+运...
    Twinkle_L阅读 279评论 0 1