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

运城网页性能优化关于图片类型与特点分析

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

性能优化相信大家在前几期的文章中也学习到了不少知识了吧。今天我们就一起来了解一下,关于常见的几种图片类型都有哪些特点。

运城网页性能优化关于图片类型与特点分析

JPEG

有损压缩,不支持透明,不支持动画;

可以通过压缩控制图片的大小;

常用压缩比例60%~80%;

适用于存储摄影,写实图像;

不适用于有文字及线条的图片压缩;

PNG

PNG可分为三种格式:PNG8,PNG24,PNG32。后面的数字代表这种PNG格式多可以索引和存储的颜色值。”8″代表2的8次方也就是256色,而24则代表2的24次方大概有1600多万色。

关于透明:

PNG8支持索引透明和alpha透明,体积小,用的比较多

PNG24不支持透明;

而PNG32在24位的PNG基础上增加了8位的alpha通道透明,也就是说可以存储从完全透明到完全不透明一共256个层级的透明度(即所谓的半透明)。

PNG的特性:

无损压缩;

存储灰度图像时,深度可多到16位;

存储彩色图像时,深度可多到48位;

并且可以存储多到16位的α通道数据;

对于复杂的图像,png图片文件较大,不适用用web网页;

JPEG和PNG的比较

色彩层次丰富,颜色较多的图像用JPEG存储;

颜色简单对比强烈的用PNG存储;

对品质要求较高的图片可以用PNG存储,如按钮,导航背景等;

要求不是太高的可以用JPG存储降低图片的大小;

特殊情况,图片颜色丰富但尺寸较小可以尝试用PNG存储;

GIF

?无损压缩,支持全透明,支持动画;?8位图片格式,多支持256色;?隔行扫描,加载较快;?适用于颜色不太复杂的图片,如Logo,icon图标;

APNG

无损压缩,支持透明度,支持动画;

24位图片格式,显示图像更清晰;

兼容较差,仅支持部分浏览器;

WebP

在之前的文章“图片的新型格式:webP的工作原理”中已经介绍过;

WebP是一种支持有损压缩和无损压缩的图片文件格式,支持动画和透明度,根据Google的测试,有损压缩后的WebP图片相比于等效质量指标的JPEG图片减少了25%~34%的体积,大大减少了页面的加载时间。

【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。




上一篇:学习web前端开发技术的一些建议
下一篇:web前端程序员需要学习哪些JavaScript技巧

友情链接:
  • 全球最大晶圆代工半导体制造厂,台积电斥资订购艾斯摩尔机器设备
  • 英特尔依然是那个英特尔,且看英特尔的城防体系
  • 支持双 DRAM 内存接口,慧荣企业级 SSD 主控方案披露
  • 在全球被反垄断罚款,冤!高通到底哪里得罪了欧盟?
  • 强强联合!万业、微电子所和芯鑫共同打造全新半导体设备
  • 复旦大学校长称:对于集成电路产业发展,大学应该主动担当
  • 技术再升级!无锡中科芯攻克晶圆级再布线及晶圆级凸点制备关键技
  • 聚力!万业企业设立集成电路装备集团,提供自主可控设备
  • 德州仪器C2000微控制器增强连通性和控制性
  • 英特尔打出降价策略,以免被竞争对手 AMD 打败?
  • 贸易摩擦的闹剧没有赢家,苹果有勇气离开中国吗?
  • 图像信号与视觉处理器的发展趋势
  • 真干快消品定位方案班(第二期)火热开班
  • Java集合 ArrayList原理及使用
  • TDD(测试驱动开发)死了吗?
  • JAVA基础之XML相关
  • javaweb项目搭建ehcache缓存系统
  • 每日一码——字符串统计
  • 一篇文章帮你彻底搞清楚“I/O多路复用”和“异步I/O”的前世今生
  • 九:模板方法模式
  • 十二:命令模式(人员解耦和)
  • Java 转PPT为图片、PDF、SVG、XPS、ODP以及PPT和PPTX互转
  • SpringCloud学习(SPRINGCLOUD微服务实战)一
  • 记一次微信网页授权后获取用户信息并重定向
  • 速途新营销五点实战洞察解码“品效合一”
  • 十一:外观模式详解(Service,action与dao)
  • 手把手教你学会 基于JWT的单点登录
  • mysql锁机制总结,以及优化建议
  • 解决多个版本jar包冲突【jar内包名重命名】
  • 中国首张5G终端电信设备进网许可证 华为Mate 20 X 5G版入网
  • RPC之Thrift
  • 高级Java工程师必备 ----
  • 天猫618期间实物支付GMV增长38.5%
  • 换季了,老板你的库存处理好了吗?
  • 从“618”大数据看中国消费新活力
  • 小米生态链:贵在格局感与收放度
  • CODING 2.0 企业级持续交付解决方案
  • 老铁奇趴“新京济” 快手*京东618战报出炉
  • 中小企业新媒体运营基本技能
  • 上汽大通房车再度携手LINE FRIENDS 魔都巡游顺利开启
  • 华为高端手机国内市场份额超苹果夺得榜首
  • 中国智能制造分析报告
  • iPlus艾加营销助力腾讯广告牵手吴晓波 推进商业IP变现
  • 2019世界新能源汽车大会7月1日将在海南举行
  • 区域酒企如何转型突围
  • 时时彩论坛
  • 五星体育斯诺克
  • 北单比分直播
  • 河北11选5走势图
  • 福建体彩36选7开奖结果
  • 九龙图库下载