前端开发那么多年,你真的了解图片吗?

Posted 程序员黑叔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端开发那么多年,你真的了解图片吗?相关的知识,希望对你有一定的参考价值。


阅读本文大约需要 12 分钟

前言

随着web的发展,网站资源的流量也变得越来越大。据统计,60% 的网站流量均来自网站图片,可见对图片合理优化可以大幅影响网站流量,减小带宽消耗和服务器压力。

有时候你花大力气去配置 webpack 使打包体积减少,不如好好优化几张图片,这篇文章就是让你明白如何选择正确的图片,并且让你明白这么多图片格式,在什么场景下使用什么格式,如果想看答案,那么直接滑到文末看图即可。

基本概念

在进入正题之前,先聊聊一些图片相关的基本概念。

一张照片(位图)不断放大之后,会看到一个个小格子,这些小格子,叫像素。

一个格子(像素),在计算机中,用二进制来表示,使用的二进制位数越多,像素的色彩就越丰富。

举个

以上是关于前端开发那么多年,你真的了解图片吗?的主要内容,如果未能解决你的问题,请参考以下文章

web前端开发真的会持续高薪吗?(赠超实用前端干货大合集,含特效源码)

前端开发,测试,后端,该如何选择?

webpack 等前端工具一定要使用吗,感觉真的学起来好麻烦

你了解Web前端开发吗?未来前端远比你想的有前途!

资讯视野人工智能真的会取代前端开发吗?

科普:你真的懂前后端分离是什么吗?