移动开发的图像优化综述
移动开发的图像优化综述
作者:chszs,转载需注明。博客主页:http://blog.csdn.net/chszs
图片使得Web应用、移动应用的外观变得更漂亮。但是,这些闪闪发光的像素(图片)会占用较大的存储空间和内存。
图片的尺寸有几层含义:意味着网页的载入时间的增加,影响用户的访问体验;甚至会影响Google对你的网页的搜索排名;还可能导致移动App的尺寸变得较大,影响App的下载。
连Eclipse的RAP和Tabris等应用都遭受了不必要的大图片的困扰。高清屏Retina加剧了这个问题。
这就是为什么要对图片进行优化,哪怕你不是图像处理专家。
1) 对图片使用PNG格式;
2) 使用下面的PNG优化器对图片进行优化,可有效的减少图片尺寸高达60%。
- 以Web服务方式实现图片优化的工具TinyPNG: http://tinypng.org/
- 带GUI的工具OS X平台的ImageOptim: http://imageoptim.com/
- 带GUI的工具Windows平台的PNGGauntlet: http://pnggauntlet.com/
- 带GUI的工具Linux平台的Trimage: http://trimage.org/
- 命令行工具OptiPNG: http://optipng.sourceforge.net/
- 命令行工具AdvanceCOMP PNG Compression Utility: http://advancemame.sourceforge.net/doc-advpng.html
- 命令行工具Pngcrush: http://pmt.sourceforge.net/pngcrush/
- 命令行工具PNGOUT: http://www.advsys.net/ken/util/pngout.htm
PNG图片格式:是一个光栅图形文件格式,支持无损数据压缩。PNG格式是作为带专利的GIF格式的改进和替代而出现的。PNG格式已经是互联网上最流行的无损图片压缩格式。
PNG格式最重要的特点如下:
1) 开放标准,被几乎所有的图片编辑器、框架、操作系统和浏览器所支持;
2) 无损,不局限于256色;
3) 真实的透明度(带Alpha值的像素);
4) 对于图标、商标Logo、截屏是最佳的图片格式;
5) 对于照片来说,不是最佳的图片格式。
PNG优化器能做什么:
1) 移除多余的元数据;
2) 把颜色侧面应用实际的颜色值,并移除侧面的描述;
3) 有时会减少颜色的数量(有损压缩),采用如”位深度减少”、”颜色类型减少”、”颜色调色板减少”等测量手段,用于保存精确的字节。
移动开发的图像优化综述相关推荐
- 卷积神经网络结构优化综述
卷积神经网络结构优化综述 人工智能技术与咨询 来源:<自动化学报> ,作者林景栋等 摘 要 近年来,卷积神经网络(Convolutional neural network,CNNs)在计算 ...
- 为Tueri.io构建React图像优化组件
Let's face it, image optimization is hard. We want to make it effortless. 面对现实吧,图像优化非常困难. 我们希望毫不费力. ...
- WPSmushProv3.7.0图片上传压缩插件-WordPress图像优化插件
简介: WP Smush Pro是一款性能最佳,易于使用的WordPress图像优化插件.该插件由WPMU DEV的专业开发人员开发,这些开发人员是许多其他出色的WordPress插件的开发人员.例如 ...
- HTML5和Intersection Observer的响应式图像优化简介
by Riccardo Canella 里卡多·卡内拉(Riccardo Canella) HTML5和Intersection Observer的响应式图像优化简介 (An intro to res ...
- Android系统开发和性能优化——查漏补缺【建议收藏】
做了这么久性能相关的工作,也接触了不少模块,说实话要做好性能这一块,真心不容易.为什么这么说? 是因为需要接触的知识实在是太多了, Android 是一个整体,牵一发而动全身,不是说只懂一个模块就可以 ...
- 网络推广——网络推广专员是如何进行图像优化的?
自从接触网站优化之后才了解到,原来在网站优化中有很多因素都可以影响网站的排名,基本可以将其分为三大因素,内部因素.外部因素以及其他因素.之前说过网站关键词因素所造成的优化效果,因此,今天就来分析一下网 ...
- 移动前端开发基础与优化
移动前端开发基础与优化 http://qywx.gitcafe.io/2014/11/22/%E7%A7%BB%E5%8A%A8%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91 ...
- 前端性能优化-图像优化
1.常用的图像类型 1) gif: 适用于动画效果. 2) jpg: 使用有损压缩,将图片的每个像素分解成8*8的栅格,然后对每个栅格的数据进行压缩处理,通过特殊的算法用附近的颜色填充栅格.用户可以设 ...
- 前端性能优化之图像优化原理
前端性能优化中,图像的优化是非常重要的一环,为什么要说图像的优化呢,而不是我们常见的图片优化?因为这里的图像包括矢量图和位图,我们常说的图片优化是指位图的优化.这篇文章转载至奇舞周刊,大佬总结的非常好 ...
最新文章
- Science论文:诺奖经济学家的经典决策模型,被AI挑战
- SaltStack自动化运维(三)——Grains与Pillar组件
- opencv相机标定
- mysql不复制数据_复制/复制数据库而不使用mysqldump
- linux 命令 which whereis whatis locate find
- TCP为什么是四次挥手
- 计算机网络 —— 计算机网络的性能指标
- The following tasks did not complete: first Did you forget to signal async completion?
- 小苏的Shell编程笔记之六--Shell中的函数
- 讨论下怎么能实现保证新闻时效性推荐算法机制
- 视频编解码(二):编解码器基础知识
- Centos上PostgreSQL9.3的安装
- linux 服务器 硬盘测试工具,linux硬盘检测工具:Smartmontools使用指南
- fild与fmul的问题
- Matlab在工业机器人中的运用,基于MATLAB的工业机器人建模与仿真.docx
- 什么是物联网技术?物联网主要技术有哪些?
- 杀毒软件可以查杀所有计算机病毒吗,杀毒软件可以查杀所有病毒吗
- python六边形网格_六边形网格地图算法细节介绍
- OUC-SE-BLOG1
- golang_微信公众号网页授权