APP开发优化加载方法之压缩，深圳APP开发公司提示减少资源大小不仅可以减少存储空间，还可以在网络传输文件时减少传输时间、加快网页显示速度。因此要对HTML、CSS、JavaScript等资源进行代码压缩。
1．文本数据压缩
文本数据（HTML、CSS、JavaScript）的优化与压缩分为3个阶段，即发布准备（去除注释，合并CSS，去除不会被执行的JavaScript代码块）、编译期压缩（合并文件，去除空格，混淆）和传输阶段压缩（gzip）。APP开发公司本文先说前面两种方法。gzip是GNUzip的缩写，是使用无损压缩算法的一种，最早用于UNIX系统的文件压缩，现在已经成为Web上使用最为普遍的数据压缩格式之一。gzip开启以后会将输出到用户浏览器的数据进行压缩处理，减小通过网络传输的数据量、提高浏览的速度。在服务器上开启gzip压缩，一般纯文本内容可压缩到原大小的40%。在移动端分秒必争的网络环境中，任何体积的减少都能够带来令人意想不到的效果。如图9.9所示的阿里旅行首页，HTML文件在gzip前为46.9KB，开启gzip之后仅为12.7KB，压缩后的大小仅为压缩前文件的27%，压缩效果非常显著。
1．文本数据压缩
文本数据（HTML、CSS、JavaScript）的优化与压缩分为3个阶段，即发布准备（去除注释，合并CSS，去除不会被执行的JavaScript代码块）、编译期压缩（合并文件，去除空格，混淆）和传输阶段压缩（gzip）。APP开发公司本文先说前面两种方法。gzip是GNUzip的缩写，是使用无损压缩算法的一种，最早用于UNIX系统的文件压缩，现在已经成为Web上使用最为普遍的数据压缩格式之一。gzip开启以后会将输出到用户浏览器的数据进行压缩处理，减小通过网络传输的数据量、提高浏览的速度。在服务器上开启gzip压缩，一般纯文本内容可压缩到原大小的40%。在移动端分秒必争的网络环境中，任何体积的减少都能够带来令人意想不到的效果。如图9.9所示的阿里旅行首页，HTML文件在gzip前为46.9KB，开启gzip之后仅为12.7KB，压缩后的大小仅为压缩前文件的27%，压缩效果非常显著。
2．图片压缩
在不同的场景下会接触不同的图像文件类型，例如大多数相机和智能手机都采用JPEG格式，OSX系统截屏输出PNG格式文件，多种图片处理软件，例如AdobePhotoshop、Pixelmator、Acorn和GIMP等，可以将图片保存为多种格式。JPEG/JPGJPEG/JPG图片格式是通用的有损压缩格式，主要用于数码图片。它将图片的每个像素分解成8×8的栅格，然后对每个栅格的数据进行压缩处理，通过特殊的算法用附近的颜色填充栅格，隐藏细节。
用户可以设置质量级别，从0到100，数字越少图片质量就越差。例如，平板电脑、智能手机或单反相机拍照时，图片将保存为JPEG格式。JPEG可以保存不同质量级别的图片，可以改变图像包含的信息和文件的整体大小。JPEG文件使用的压缩是有利的，因为在Photoshop中以60%的品质即可保存一幅高质量的图片。GIFGIF（GraphicsInterchangeFormat）从1987年CompuServe开始使用，并迅速占领了几乎所有好看的网站。
在那个时代，在初级网页上仅仅能通过GIF添加简单循环的动画。除了为用户展示简单的动画之外，GIF文件提供了更多功能。GIF文件在使用简单、颜色很少的内容上是支持得非常完美的，通常可以使用到Logo图片中。PNG多亏了GIF文件格式的不足，PNG（PortableNetworkGraphics）格式诞生了。
在不同的场景下会接触不同的图像文件类型，例如大多数相机和智能手机都采用JPEG格式，OSX系统截屏输出PNG格式文件，多种图片处理软件，例如AdobePhotoshop、Pixelmator、Acorn和GIMP等，可以将图片保存为多种格式。JPEG/JPGJPEG/JPG图片格式是通用的有损压缩格式，主要用于数码图片。它将图片的每个像素分解成8×8的栅格，然后对每个栅格的数据进行压缩处理，通过特殊的算法用附近的颜色填充栅格，隐藏细节。
用户可以设置质量级别，从0到100，数字越少图片质量就越差。例如，平板电脑、智能手机或单反相机拍照时，图片将保存为JPEG格式。JPEG可以保存不同质量级别的图片，可以改变图像包含的信息和文件的整体大小。JPEG文件使用的压缩是有利的，因为在Photoshop中以60%的品质即可保存一幅高质量的图片。GIFGIF（GraphicsInterchangeFormat）从1987年CompuServe开始使用，并迅速占领了几乎所有好看的网站。
在那个时代，在初级网页上仅仅能通过GIF添加简单循环的动画。除了为用户展示简单的动画之外，GIF文件提供了更多功能。GIF文件在使用简单、颜色很少的内容上是支持得非常完美的，通常可以使用到Logo图片中。PNG多亏了GIF文件格式的不足，PNG（PortableNetworkGraphics）格式诞生了。
PNG是一种使用无损压缩的图片格式，将图片上出现的颜色进行索引，保留在“调色板”上，PNG在显示图像的时候就会调用调色板的颜色去填充相应的位置。PNG格式的目标是不仅要取代GIF图片格式，还要成为互联网上使用的最主要图片格式。JPEG文件通常可以正常保存，也可以保存为一种交错格式。交错格式会稍微复杂一点，但是在Web页面上渲染时，图片加载反而会更快，因为图片绘制是连续的。因为页面下载完成时，图片已经展示了，该技巧令人相信页面加载更快，有助于减少页面重绘。
使用PNG格式，几乎所有想要的图片效果都可以达到。PNG比GIF更适合做透明图片，并且色彩空间更宽，可以允许保存与JPEG图片相同数量的颜色。一旦将JPEG格式创作的图案或梯度图像转为PNG格式，就会发现明显差异。这是因为PNG格式有精确的色彩演绎并采用无损压缩算法，JPEG文件使用适当颜色的填充。提示选择JPG还是PNG？对比JPG和PNG的特点，不同的图像使用不同的格式能得到最佳压缩效果。对于层次丰富、颜色较多的图像，使用JPG更好。因为为了很好地显示这种图像，PNG将使用调色板颜色更为丰富的PNG24，这样图片大小会比JPG大。而对于颜色简单对比强烈的图像，则使用PNG更好，因为PNG使用较少的调色板颜色就可以满足显示效果，而且得到的图片相对也较小，而JPG是有损的，在清晰的颜色过渡周围会有大色块，影响显示效果。
WebPWebP是一种最新的图像格式。这种格式从VP8视频压缩编解码器开始就有着深刻的历史，WebP技术最早是由On2开发，现在由Google支持，是一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的三分之二，并能节省大量的服务器带宽资源和数据空间。转换和压缩图片为WebP格式的工具请参考https://developers.google.com/speed/webp/。一些图片处理软件也支持WebP格式，例如Pixelmator（www.pixelmator.com/）。WebP格式与PNG格式类似，支持高数量级的颜色，支持透明度。这也使得WebP适用于代替JPEG、GIF和PNG格式。了解图像格式的类型使用是成功的一半，另一半便是使用各种实用压缩程序。下面介绍几种常用的图像压缩工具。 JPEGminiJPEGmini（http://www.jpegmini.com）是Web服务和应用程序，可以优化部分不易被人眼识别的JPEG图像的占用空间。注意，使用单反相机或数码相机拍摄的图像效果最好。如果使用已经压缩的图像，减小的空间将会小得多。这听起来有点牵强附会，是使用JPEGmini，就会发现令人满意的惊喜。通过访问网站www.jpegmini.com/main/从电脑里拖曳一幅照片到浏览器（或者通过图片上传功能），随即将进行图片处理，并出现一幅新图片，并且展示了节省多少空间。PNGGauntletPNGGauntlet（http://pnggauntlet.com/）是一个Windows压缩PNG文件的应用程序。如果压缩PNG文件，我们可能听说过PNGOUT、OptiPng、DeflOpt。这些为PNG文件优化的应用程序有助于减少文件大小，同时保证质量。PNGGauntlet处理文件时会将这3个应用程序合为一体。在这款易用的应用程序中，选择一个输出文件夹，然后拖曳图片到应用程序中（或者通过添加图片按钮），会立即执行图片处理。有时会发现该程序被“卡死”，这是程序在处理图片时执行的高密度算数操作导致的。图像优化工具RIOT另一个在Windows系统中可以使用的应用程序是RIOT（RadicalImageOptimizationTool）。RIOT（http://luci.criosweb.ro/riot/）既可作为一个独立的Windows应用程序，也可作为其他图像处理程序的插件，例如GIMP（www.gimp.org/）。这个应用程序支持JPEG、GIF和PNG文件格式，并且支持双窗口，便于比较源文件，而不需要使用命令行或类似的工具常常提供的“猜测、优化、重复”等方法。RIOT不仅包含压缩选项，还可以改变遮光、色阶、色彩以及一系列基于图片格式的大量选项。ImageAlphaImageAlpha（http://pngmini.com/）是最常用的PNG压缩工具之一。这个应用可运行在OSX系统中，并且是免费的。ImageAlpha采用无损的24位PNG图像（或任何PNG文件），改变压缩损耗和8位真彩色。好了，APP开发公司本文关于“APP开发优化加载方法之压缩”就分享到这里，谢谢关注，博纳网络编辑整理。
使用PNG格式，几乎所有想要的图片效果都可以达到。PNG比GIF更适合做透明图片，并且色彩空间更宽，可以允许保存与JPEG图片相同数量的颜色。一旦将JPEG格式创作的图案或梯度图像转为PNG格式，就会发现明显差异。这是因为PNG格式有精确的色彩演绎并采用无损压缩算法，JPEG文件使用适当颜色的填充。提示选择JPG还是PNG？对比JPG和PNG的特点，不同的图像使用不同的格式能得到最佳压缩效果。对于层次丰富、颜色较多的图像，使用JPG更好。因为为了很好地显示这种图像，PNG将使用调色板颜色更为丰富的PNG24，这样图片大小会比JPG大。而对于颜色简单对比强烈的图像，则使用PNG更好，因为PNG使用较少的调色板颜色就可以满足显示效果，而且得到的图片相对也较小，而JPG是有损的，在清晰的颜色过渡周围会有大色块，影响显示效果。
WebPWebP是一种最新的图像格式。这种格式从VP8视频压缩编解码器开始就有着深刻的历史，WebP技术最早是由On2开发，现在由Google支持，是一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的三分之二，并能节省大量的服务器带宽资源和数据空间。转换和压缩图片为WebP格式的工具请参考https://developers.google.com/speed/webp/。一些图片处理软件也支持WebP格式，例如Pixelmator（www.pixelmator.com/）。WebP格式与PNG格式类似，支持高数量级的颜色，支持透明度。这也使得WebP适用于代替JPEG、GIF和PNG格式。了解图像格式的类型使用是成功的一半，另一半便是使用各种实用压缩程序。下面介绍几种常用的图像压缩工具。 JPEGminiJPEGmini（http://www.jpegmini.com）是Web服务和应用程序，可以优化部分不易被人眼识别的JPEG图像的占用空间。注意，使用单反相机或数码相机拍摄的图像效果最好。如果使用已经压缩的图像，减小的空间将会小得多。这听起来有点牵强附会，是使用JPEGmini，就会发现令人满意的惊喜。通过访问网站www.jpegmini.com/main/从电脑里拖曳一幅照片到浏览器（或者通过图片上传功能），随即将进行图片处理，并出现一幅新图片，并且展示了节省多少空间。PNGGauntletPNGGauntlet（http://pnggauntlet.com/）是一个Windows压缩PNG文件的应用程序。如果压缩PNG文件，我们可能听说过PNGOUT、OptiPng、DeflOpt。这些为PNG文件优化的应用程序有助于减少文件大小，同时保证质量。PNGGauntlet处理文件时会将这3个应用程序合为一体。在这款易用的应用程序中，选择一个输出文件夹，然后拖曳图片到应用程序中（或者通过添加图片按钮），会立即执行图片处理。有时会发现该程序被“卡死”，这是程序在处理图片时执行的高密度算数操作导致的。图像优化工具RIOT另一个在Windows系统中可以使用的应用程序是RIOT（RadicalImageOptimizationTool）。RIOT（http://luci.criosweb.ro/riot/）既可作为一个独立的Windows应用程序，也可作为其他图像处理程序的插件，例如GIMP（www.gimp.org/）。这个应用程序支持JPEG、GIF和PNG文件格式，并且支持双窗口，便于比较源文件，而不需要使用命令行或类似的工具常常提供的“猜测、优化、重复”等方法。RIOT不仅包含压缩选项，还可以改变遮光、色阶、色彩以及一系列基于图片格式的大量选项。ImageAlphaImageAlpha（http://pngmini.com/）是最常用的PNG压缩工具之一。这个应用可运行在OSX系统中，并且是免费的。ImageAlpha采用无损的24位PNG图像（或任何PNG文件），改变压缩损耗和8位真彩色。好了，APP开发公司本文关于“APP开发优化加载方法之压缩”就分享到这里，谢谢关注，博纳网络编辑整理。
当前文章链接：/construction/appkaifa/3495.html
如果您觉得案例还不错请帮忙分享：
[声明]本网转载网络媒体稿件是为了传播更多的信息，此类稿件不代表本网观点，本网不承担此类稿件侵权行为的连带责任。故此，如果您发现本网站的内容侵犯了您的版权，请您的相关内容发至此邮箱【qin@198bona.com 】，我们在确认后，会立即删除，保证您的版权。
