图片优化
2016-04-28 14:28
211 查看
选取恰当的图片格式压缩项目大小,增强性能。特别是移动端项目,尽量小,加载速度快,需要流量少。
1.一般背景使用jpg图,jpg为最小图片格式,如果要保持图片背景为透明色,那么使用格式为png格式。
2.能不使用图片的时候尽量不使用图片,使用渐变,阴影,圆角,字体集等模拟不常见的字体(一张普通的图片比一般的库都大许多)。辅助技术CSS动画,CSS效果,网络字体。
3.选取恰当的图片格式
图片格式 | 压缩方式 | 透明度 | 动画 | 浏览器兼容性 | 适用场景 |
JPEG | 有损压缩 | 不支持 | 不支持 | 所有 | 复杂颜色及形状,尤其照片 |
GIF | 无损压缩 | 支持 | 支持 | 所有 | 简单颜色,动画 |
PNG | 无损压缩 | 支持 | 不支持 | 所有 | 需要透明时 |
APNG | 无损压缩 | 支持 | 支持 | Firefox,Safari, | 需要半透明效果的动画 |
WEBP | 有损压缩 | 支持 | 支持 | Chrome,opera | 复杂颜色及形状,浏览器平台可预知 |
SVG | 无损压缩 | 支持 | 支持 | IE8以上所有 | 简单图形需要良好的放缩体验,需要动态控制图片特效 |
4.JPEG既是一种文件格式也是一种压缩方案。一般来说用于网页中的图片分辨率设置为75像素/英寸即可。像素数越低文件所占的空间越小,可以很大程度上降低加载图片的时间,加快浏览速度。如果将照片用于喷墨打印,设置为150像素/英寸就能得到很好的效果。当图片用于印刷时则应设置为300像素/英寸。
5.雪碧图()
相关文章推荐
- 为Android的apk应用程序文件加壳以防止反编译的教程
- libc.so.6: version GLIBC_2.14 not found
- ZooKeeper四字命令
- android app性能优化大汇总(内存性能优化)
- 从当前带导航的控制器返回到前面的某个控制器
- php 创建相同元素一维数组与创建递增元素一维数组函数
- 最最最重要重要的一件事:在JS中
- 用CSS开启硬件加速来提高网站性能
- java入门
- 自定义大头针详情
- 仿手机功能写WIFI程序
- sublime中使用插件anaconda而在代码中出现方框
- VS2015项目属性配置中的变量设置
- 一些IT行业可能需要用到的网站(随时更新)
- c++程序设计心得体会一
- Ajax从服务端获取数据
- Android照相机图片
- 修改表数据
- slidingmenu的应用
- FreeMarker配置(Configuration)