太原商城网站建设,精利手表网站,怎么看网站的服务器,网站建设作业有哪些[css] 描述下你所了解的图片格式及使用场景
通常网页在显示的图片#xff08;图形#xff09;的时候#xff0c;有以下几种格式#xff1a;GIF、PNG、JPG、SVG#xff0c;还有个比较新的WebP格式。▍GIF优点#xff1a;GIF是动态的#xff1b;支持无损耗压缩和透明度。…[css] 描述下你所了解的图片格式及使用场景
通常网页在显示的图片图形的时候有以下几种格式GIF、PNG、JPG、SVG还有个比较新的WebP格式。▍GIF优点GIF是动态的支持无损耗压缩和透明度。缺点的详细的图片和写实摄影图像会丢失颜色信息在大多数情况下无损耗压缩效果不如 JPEG 格式或 PNG 格式GIF 支持有限的透明度没有半透明效果或褪色效果。适用场景主要用于比较小的动态图标。▍PNG优点PNG格式图片是无损压缩的图片能在保证最不失真的情况下尽可能压缩图像文件的大小图片质量高色彩表现好支持透明效果提供锋利的线条和边缘所以做出的logo等小图标效果会更好更好地展示文字、颜色相近的图片。缺点占内存大,会导致网页加载速度慢对于需要高保真的较复杂的图像PNG虽然能无损压缩但图片文件较大不适合应用在Web页面上。适用场景主要用于小图标或颜色简单对比强烈的小的背景图。▍JPG优点占用内存小网页加载速度快。缺点JPG格式图片是有损压缩的图片有损压缩会使原始图片数据质量下降即JPG会在压缩图片时降低品质。适用场景由于这种格式图片对色彩表现比较好所以适用于色彩丰富的图片。主要用于摄影作品或者大的背景图等。不合适文字比较多的图片。▍SVG优点SVG是矢量图形不受像素影响在不同平台上都表现良好可以通过JS控制实现动画效果。缺点DOM比正常的图形慢而且如果其结点多而杂就更慢不能与HTML内容集成。适用场景主要用于设计模型的展示等。▍WebP优点WebP格式谷歌google开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3并能节省大量的服务器宽带资源和数据空间。缺点相较编码JPEG文件编码同样质量的WebP文件需要占用更多的计算资源。适用场景WebP既支持有损压缩也支持无损压缩。将来可能是JPEG的代替品。个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
