杭州劳保网站制作网络书签 wordpress

杭州劳保网站制作,网络书签 wordpress,网站访客跟踪,网上营销手段彩色深度 彩色深度标准通常有以下几种#xff1a; 8位色#xff0c;每个像素所能显示的彩色数为2的8次方#xff0c;即256种颜色。16位增强色#xff0c;16位彩色#xff0c;每个像素所能显示的彩色数为2的16次方#xff0c;即65536种颜色。24位真彩色#xff0c;每个…彩色深度 彩色深度标准通常有以下几种 8位色每个像素所能显示的彩色数为2的8次方即256种颜色。16位增强色16位彩色每个像素所能显示的彩色数为2的16次方即65536种颜色。24位真彩色每个像素所能显示的彩色数为24位即2的24次方约1680万种颜色。32位真彩色即在24位真彩色图像的基础上再增加一个表示图像透明度信息的Alpha通道。 32位真彩色并非是2的32次方的色数它其实也是1677万多色不过它增加了256阶颜色的灰度,为了方便称呼就规定它为32位色 图的分类 光栅图和矢量图 对于图片一般分光栅图和矢量图。 光栅图是基于 pixel像素构成的图像。JPEG、PNGwebp等都属于此类矢量图使用点线和多边形等几何形状来构图具有高分辨率和缩放功能. SVG就是一种矢量图。 无压缩, 无损压缩, 有损压缩 另一种分类 无压缩。无压缩的图片格式不对图片数据进行压缩处理能准确地呈现原图片。BMP格式就是其中之一。 无损压缩。压缩算法对图片的所有的数据进行编码压缩能在保证图片的质量的同时降低图片的尺寸。png是其中的代表。 有损压缩。压缩算法不会对图片所有的数据进行编码压缩而是在压缩的时候去除了人眼无法识别的图片细节。因此有损压缩可以在同等图片质量的情况下大幅降低图片的尺寸。其中的代表是jpg。 前端9种图片格式 诞生时间 对于超过30岁的程序员来说她们都很年轻真的是遇到好时光 85年前人们都在干嘛呢 GIF - 1987Base64- 1987JPEG - 1992PNG - 1996SVG - 1999JPEG2000 - 1997 to 2000APNG - 2004WebP - 2010 ico: 1985年?? 查阅文档说ico文件格式是伴随着 Windows 1.0 发行诞生的。 GIF GIF是一种索引色模式图片所以GIF每帧图所表现的颜色最多为256种。GIF能够支持动画也能支持背景透明这点连古老的IE6都支持所以在以前想要在项目中使用背景透明图片其中一种方案就是生成GIF图片。 优点 支持动画和透明背景兼容性好灰度图像表现佳支持交错 部分接收到的文件可以以较低的质量显示。这在网络连接缓慢时特别有用。 缺点 最多支持 8 位 256 色色阶过渡糟糕图片具有颗粒感支持透明但不支持半透明边缘有杂边 适用场景 色彩简单的logo、icon、线框图适合采用gif格动画 JPG/JPEG 这里提个问题 jpg和jpeg有啥区别 平常我们大部分见到的静态图基本都是这种图片格式。这种格式的图片能比较好的表现各种色彩主要在压缩的时候会有所失真也正因为如此造就了这种图片格式体积的轻量。 优点 压缩率高兼容性好色彩丰富 缺点 JPEG不适合用来存储企业Logo、线框类的这种高清图不支持动画、背景透明 JPEG 2000 了解即可 JPEG 2000是基于小波变换的图像压缩标准由Joint Photographic Experts Group组织创建和维护。JPEG 2000通常被认为是未来取代JPEG基于离散余弦变换的下一代图像压缩标准。JPEG 2000文件的副档名通常为.jp2MIME类型是image/jp2。 JPEG2000的压缩比更高而且不会产生原先的基于离散余弦变换的JPEG标准产生的块状模糊瑕疵。JPEG2000同时支持有损压缩和无损压缩。 目前就safari支持can is use-png2000支持18%。 优点 支持有损和无损压缩 缺点 支持率太低了 ICO ICO (Microsoft Windows 图标)文件格式是微软为 Windows 系统的桌面图标设计的。网站可以在网站的根目录中提供一个名为 favicon.ICO, 在收藏夹菜单中显示的图标以及其他一些有用的标志性网站表示形式。 一个 ICO 文件可以包含多个图标并以列出每个图标详细信息的目录开始。 其主要用来做网站图标现在png也是可以用来做网站图标的。 PNG PNG格式是有三种版本的分别为PNG-8PNG-24PNG-32所有这些版本都不支持动画的。PNG-8跟GIF类似的属性是相似的都是索引色模式而且都支持背景透明。相对比GIF格式好的特点在与背景透明时图像边缘没有什么噪点颜色表现更优秀。PNG-24其实就是无损压缩的JPEG。而PNG-32就是在PNG-24的基础上增加了透明度的支持。 如果没有动画需求推荐使用png-8来替代gif 优点 不失真的情况下尽可能压缩图像文件的大小像素丰富支持透明alpha通道 缺点 文件大 这里额外提一下gif和jpg有渐进png有交错都是在没有完全下载图片的时候能看到图片全貌。 具体可以看在线示例 png正常png交错jpg渐进 APNGAnimated PNG APNGAnimated Portable Network Graphics顾名思义是基于 PNG 格式扩展的一种动画格式增加了对动画图像的支持同时加入了 24 位图像和 8 位 Alpha 透明度的支持这意味着动画将拥有更好的质量其诞生的目的是为了替代老旧的 GIF 格式但它目前并没有获得 PNG 组织官方的认可。 从Can I Use上查看除了IE系列 chrome, firefox, safari均已支持。2021-08月的时候支持达到94%。 相对GIF来说 色彩丰富支持透明向下兼容 PNG支持动画 缺点 生成比较繁琐未标准化 webP 有损 WebP 图像平均比视觉上类似压缩级别的 JPEG 图像小25-35% 。无损耗的 WebP 图像通常比 PNG 格式的相同图像小26% 。WebP 还支持动画: 在有损的 WebP 文件中图像数据由 VP8位流表示该位流可能包含多个帧。 包括体积小、色彩表现足够、支持动画。 简直了就是心中的完美女神 从can i use - webp上看支持率95%。 主要是Safari低版本和IE低版本不兼容。 优点 同等质量更小压缩之后质量无明显变化支持无损图像支持动画 缺点 兼容性吧相对jpg,png,gif来说 SVG SVG 是一种基于 xml 的矢量图形格式它将图像的内容指定为一组绘图命令这些命令创建形状、线条、应用颜色、过滤器等等。SVG 文件是理想的图表图标和其他图像可以准确地绘制在任何大小。因此SVG 是现代 Web 设计中用户界面元素的流行选择。 优点 可伸缩性 你可以随心所欲地把它们做大或者做小而不用牺牲质量小 Svg 平均比 GIF、 JPEG、 PNG 小得多甚至在极高的分辨率下也是如此支持动画 更灵活质量无与伦比与DOM无缝衔接 Svg 可以直接使用 HTML、 CSS 和 JavaScript (例如动画)来操作 缺点 SVG复杂度高会减慢渲染速度不适合游戏类等高互动动画 base64 图片的 base64 编码就是可以将一副图片数据编码成一串字符串使用该字符串代替图像地址图片随着 HTML 的下载同时下载到本地不再单独消耗一个http来请求图片。 优点 无额外请求对于极小或者极简单图片可像单独图片一样使用比如背景图片重复使用等没有跨域问题无需考虑缓存、文件头或者cookies问题 缺点 相比其他格式体积会至少大1/3编码解码有额外消耗 一些对比 PNG, GIF, JPG 比较 大小比较通常地PNG ≈ JPG GIF 8位的PNG完全可以替代掉GIF透明性PNG GIF JPG色彩丰富程度JPG PNG GIF兼容程度GIF ≈ JPG PNGgif jpg png web优缺点和使用场景 格式优点缺点适用场景gif文件小支持动画、透明无兼容性问题只支持256种颜色色彩简单的logo、icon、动图jpg色彩丰富文件小有损压缩反复保存图片质量下降明显色彩丰富的图片/渐变图像png无损压缩支持透明简单图片尺寸小不支持动画色彩丰富的图片尺寸大logo/icon/透明图webp文件小支持有损和无损压缩支持动画、透明浏览器兼容性相对而言不好支持webp格式的app和webview 写在最后 如果你觉得不错你的一赞一评就是我前行的最大动力。 技术交流群请到 这里来。 或者添加我的微信 dirge-cloud一起学习。 引用 图像文件类型与格式指南 JPEG_2000 APNG - Wikipedia Can I use - APNG 谈谈web上各种图片应用的优缺点 web前端开发常用的几种图片格式及其使用规范 聊一聊几种常用web图片格式gif、jpg、png、webp APNG 那些事 GIF vs APNG vs WebP 浅谈base64图片 图片Base64编码的利与弊分析 ICO File Format