达内广州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前端开发技术的一些建议
下一篇:没有了

友情链接:
  • CentOS 8.0 有望在一个月左右发布
  • WWDC2019开发者大会首日亮点:SwiftUI,,Xcode 11,ARKit 3
  • 德国的华为专利泄露的或是ARKOS操作系统?
  • Apple宣布推出SwiftUI,新的UI框架
  • Apple推出适用于iPhone的iOS 13,采用黑暗模式与性能改进
  • Mozilla Thunderbird应用程序现已在Microsoft Store上提供
  • Apple发布iOS 13,macOS 10.15,iPadOS 13,tvOS 13和watchOS 6
  • NVIDIA发布418.52.10 Vulkan Linux测试版驱动程序
  • Safari技术预览版83发布,可用于macOS Mojave和macOS High Sierr
  • 家具制造业如何升级?提升效率和生产力需借助哪些技术和工具?
  • Mesa 19.1 将于下周发布,许多OpenGL/Vulkan改进
  • Sway 1.1 发布,为Swaybar增加触控支持
  • Vulkan 1.1.110 发布,带来两个新扩展
  • 据LWN.net报道,openSUSE可能独立于SUSE
  • Storm 2.0.0 发布,支持Java架构
  • Linux Kernel 5.2-rc3 发布,相当正常的版本
  • Qt Design Studio 1.2 发布,Sketch集成
  • 如何用社群营销快速获客增加销量
  • Fedora 28 Linux生命周期结束,请升级到Fedora 30
  • 全地形全掌控 哈弗H9助你纵横驰骋天地间
  • Clear Linux 继续阻止非root用户访问dmesg
  • 网络广告具有哪些优势?
  • Mozilla的Servo开始研究Linux视频加速
  • QQ浏览器小程序重磅更新
  • Genode OS 19.05 发布,添加64位ARM,默认情况下使用C++ 17
  • 【保利春拍】瑰丽珠宝与名贵时计相互的碰撞
  • Steam Linux市场份额在5月份略有增长
  • 微软发布PowerShell 7的第一个预览版,并制定功能路线图
  • Apache Avro 1.9 发布,增加ZStandard支持
  • Qt 5.13 Beta 4 发布,支持Lottie、WebAssembly和glTF 2.0导入
  • Fedora 31考虑使用Zstd压缩其RPM包而不是XZ
  • 问鼎金瞳奖评审团大奖,“我是创益人”交出答卷
  • nCine是一个有趣的开源2D游戏引擎
  • Google Chrome 成为互联网的看门人
  • TypeScript 3.5 发布,新增Omit 辅助类型
  • 直击中国网络视听大会:把握短视频六大营销趋势
  • 华为Mate 20 Pro重回Android Q Beta支持名单中
  • 小程序找到精准种子用户冷启动秘籍
  • PyPI宣布2FA用于提高Python包下载安全性
  • APP推广渠道和实用经验分享,总有一些是你需要的
  • 电商APP找到新用户&留住新用户关键2步
  • Krita 4.2 发布,更好的绘图平板电脑支持
  • 连接线下, 小程序为汽车行业使用场景赋能
  • Material-UI v4 发布,CSS特异性
  • 互联网运营需掌握的五类专业术语
  • 抓住短视频社交商业机遇,“2019快手商业化营销中国行·广州站”
  • openSUSE Leap 42.3 Linux操作系统将于2019年6月30日停止支持 -
  • MuseScore 3.1 发布,音乐制谱软件
  • 福建体彩网 官方网站
  • 正规的彩票app
  • 澳客网怎么了
  • 大乐透免费预测
  • 好日子高手论坛