达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心 达内广州C++学院|c++培训|广州达内科技C++/C#培训|.NET培训|IT培训|达内广州岗顶中心
媒体报道
 当前位置:主页 > 媒体报道 >

运城web前端开发关于PNG图片的优化方法

时间:2019-06-05  来源:未知  作者:广州达内培训

我们在学习web前端网页优化技术的时候曾经提到过关于图片的优化方法。而今天我们就通过案例分析来了解一下,PNG图片的优化都有哪些常见方法。

运城web前端开发关于PNG图片的优化方法

一、什么是PNG

PNG的全称叫便携式网络图型(Portable Network Graphics)是目前流行的网络传输和展示的图片格式,原因有如下几点:

无损压缩:PNG图片采取了基于LZ77派生算法对文件进行压缩,使得它压缩比率更高,生成的文件体积更小,并且不损失数据。

体积小:它利用特殊的编码方法标记重复出现的数据,使得同样格式的图片,PNG图片文件的体积更小。网络通讯中因受带宽制约,在保证图片清晰、逼真的前提下,优先选择PNG格式的图片。

支持透明效果:PNG支持对原图像定义256个透明层次,使得图像的边缘能与任何背景平滑融合,这种功能是GIF和JPEG没有的。

二、PNG类型

PNG图片主要有三个类型,分别为 PNG 8/ PNG 24 / PNG 32。

PNG 8:PNG 8中的8,其实指的是8bits,相当于用2^8(2的8次方)大小来存储一张图片的颜色种类,2^8等于256,也就是说PNG 8能存储256种颜色,一张图片如果颜色种类很少,将它设置成PNG 8得图片类型是非常适合的。

PNG 24:PNG 24中的24,相当于3乘以8 等于 24,就是用三个8bits分别去表示 R(红)、G(绿)、B(蓝)。R(0~255),G(0~255),B(0~255),可以表达256乘以256乘以256=16777216种颜色的图片,这样PNG 24就能比PNG 8表示色彩更丰富的图片。但是所占用的空间相对就更大了。

PNG 32:PNG 32中的32,相当于PNG 24 加上 8bits的透明颜色通道,就相当于R(红)、G(绿)、B(蓝)、A(透明)。R(0~255),G(0~255),B(0~255),A(0~255)。比PNG 24多了一个A(透明),也就是说PNG 32能表示跟PNG 24一样多的色彩,并且还支持256种透明的颜色,能表示更加丰富的图片颜色类型。

三、PNG的压缩

PNG图片的压缩,分两个阶段:

预解析(Prediction):这个阶段就是对png图片进行一个预处理,处理后让它更方便后续的压缩。说白了,就是一个女神,在化妆前,会先打底,先涂乳液和精华,方便后续上妆、美白、眼影、打光等等。

压缩(Compression):执行Deflate压缩,该算法结合了 LZ77 算法和 Huffman 算法对图片进行编码。

【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!




上一篇:seo运营的三种简单表示形式
下一篇:没有了

友情链接:
  • 面向对象编程开发中类与对象的关系分析
  • 达内网络营销培训5月免费训练营开班了!
  • 推荐系统商业价值体现表现形式分析
  • 提高网站收录的方法
  • 高德地图全国小店开放入驻:让天下没有难找的店铺 完全免费
  • 广告营收大涨45%背后,爱奇艺带给营销行业的三点启示
  • 程序员职业发展的一些阶段变化
  • 谷歌宣布Google Shopping主页 布局电商对标亚马逊
  • 移动支付中国领先的秘密 “你敢付我敢赔”支付宝连喊15年
  • 云原生应用程序开发都有哪些特点
  • 员工执行力差,一定是领导没解决好这5个矛盾
  • 五年内,这6种人更有钱,但有7类人会被淘汰!
  • 劝你别“死”在工作时间
  • 奋斗到什么程度,才能达成那个“小目标”
  • 想要挣大钱,请逼自己养成这五个习惯
  • 开厂不如打工,中国赚大钱的时代正在落幕
  • 为什么人才都不愿意留在运营商工作?
  • 一个员工能成大事的4种迹象
  • 适合当老板的人,都有这6个特点
  • 职业生涯的前7年要怎样度过?
  • 未来三年,这几种人将变成困难户
  • 真正厉害的人,都拥有可以随时离开的能力!
  • 宁可手下无兵,也要辞退负面的员工!
  • 为什么你那么忙,却又穷又丧?
  • 在大公司呆5年,你就废了
  • 年薪百万也是“给人打工”,中国父母为何迷恋体制
  • 做好这七条,帮你提高工作效率
  • 要想强大,必须放下十样东西!
  • 出入职场3年,总结出的尴尬及应对秘笈
  • 性格决定面相,原来是真的?
  • 为什么说专业能力越强的人,越难晋升?
  • 没人扶你的时候,自己站直!
  • “借而不调”的借调,到底要不要去?
  • 这才叫员工激励,你那只是画大饼!
  • 没有淡季的市场,只有淡季的思想!
  • 该如何正确的分析并了解自己?
  • 7-ELEVEn如何创造价值洼地?
  • 三点让你从员工升到领导
  • 宝洁,走在正确的道路上
  • 亏损85亿元,美团还是科技公司吗?
  • 不知道该如何正确的去学Java?
  • 腾讯加持京东618主场:京腾合作推全新平台 在微信再造一个京东
  • HashMap之put方法流程解读
  • 从抓娃娃到抽盲盒,人们在玩具里消费的是什么?
  • 安装社区版git仓库
  • Java并发编程,深入理解ReentrantLock
  • VMware安装Linux提示此主机支持 Intel VT-x,但 Intel VT-x 处于
  • 顾客从哪里来?
  • 天际亚洲娱乐场
  • 扎金花道具
  • 老虎机国际娱乐平台
  • 七星彩走势图
  • 八大胜注册