![](https://img-blog.csdnimg.cn/20190927151043371.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端 vs 图片
文章平均质量分 91
前端开发与图片的一系列
loulanyijian
10年+互联网前端开发老江湖
gis出身,写过Java
对性能、规范、交互、node、架构、可视化、小程序,以及各种前端新老技术,都略懂一点
希望与大家一起交流,共同进步
展开
-
前端vs图片4 apng 前端动图的新姿势
APNG(Animated Portable Network Graphics)是一个基于PNG(Portable Network Graphics)的位图动画格式,扩展方法类似主要用于网页的GIF 89a,仍对传统PNG保留向下兼容……APNG与Mozilla社区关系密切,格式标准文档就放在Mozilla网站。——源自百度百科.........原创 2022-06-27 09:18:33 · 3890 阅读 · 0 评论 -
前端vs图片 3 jpg、png、gif 图片老三样系统总结
作为web图片届的三兄弟,jpg、png、gif多年来一直占据着互联网的绝大部分江山JPEG()是JPEG标准的产物,该标准由制订是目前最为流行的图片格式,没有之一答:jpg就是jpeg,唯一的区别就是扩展名不同在之前旧的windows电脑上,扩展名不支持4位,故而缩写成.jpg对前端而言,需要通过扩展名判断图片格式时候(比如前端上传图片),需要同时支持 与 jpg图片还有一个扩展名,使用起来也完全没有问题,不过这个使用的人比较少标准JPEG格式此类型在网页下载时只能由上而下依序显示图像,直到图原创 2022-06-26 17:10:02 · 591 阅读 · 0 评论 -
前端vs图片:2 图片深度、图片分类等基本信息
一般聊起图片的深度,指的都是图片的色深,即色彩深度总结一下,色彩深度(Color Depth)为图像的一个像素可以表示多少个bit的颜色色彩深度越高,可用的颜色就越多,表现出来的画面就越精细除了上面的图片色深,其实图片还有一个位深度,简称位深位深度指的是存储每个像素所用的位数,主要用于存储,单位bit图片位深与色彩模式有关,比如常用的ARGB_8888,位深32位(4字节,8bit = 1byte )在windows电脑上,右击查看图片的属性,可以查看到位深度的Mac电脑上,,也能看到深度不过这原创 2022-06-26 14:47:15 · 1816 阅读 · 0 评论 -
前端vs图片:1 图片放在哪里?一个好的图片oss能带来什么提升?
个人直接给出答案:放oss服务器普通的toB/toC项目一堆图片文件,每次打包的时候,都会重新拷贝、上线一遍,影响发版效率不说,主要的是直接放在了跟项目一起的服务器上,对cdn的使用、缓存上来着,远远不够小程序类项目这个就不用多说了,小程序不分包的话,限制2M,而一个图片,很可能比...原创 2021-12-20 14:23:52 · 2037 阅读 · 0 评论 -
前端vs图片:0 为什么需要重视图片
从流量来看据统计,图片内容已经占到了互联网内容总量的62%绝大部分toC网站,都是图片占流量大头某电商网站商详页,js、css、图片对比如下面三张图JS大小:css大小:图片大小:vue.min.js,压缩后94k,再gzip之后,33k...原创 2021-12-17 14:28:11 · 281 阅读 · 0 评论