关于AVIF，你想知道的都在这里了。 内容摘要：背景、图片格式对比、在实际项目中的应用、无用资源删除

图片优化方案 选择合适的格式 大小要适当 适配不同屏幕 压缩图片 优化处理关键图像 懒加载图片 压缩图片的方案 压缩图片的仓库 https://github.com/imagemin/imagemin

针对图像，存在各种各样的格式，每个格式都不一样，而在Android中，常用的图像格式无外乎也就几种，下面就Android中常用的图像格式做相关说明。 RGB565 每个像素点都有红、绿、蓝三个原色，其中 R 原色占用 5 bit，G 原色占用 6 bit，B 原色占用 5 bi…

在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多，本文仅针对几种web应用中常用的图片格式：gif、png、jpg、webp进行一个基本的总结。 无压缩。无压缩的图…

众所周知，一图胜千言，图片对于视觉的冲击效果远大于文字。但对于我们的互联网而言，传输与解析一张图片的代价要远比"千言"大的多的多(目前上亿像素已经成为主流)。 面对动辄 10 多 M 的大型图片，使用优化的图像来节省带宽和加载时间无疑是性能优化中的重头戏，无论对于用户还是公司都…

GIF，JPG/JPEG，JPEG 2000，ICO，PNG，Animated PNG，webP，SVG，base64基础知识，一起来了解吧。

在讲解如何选择图片格式之前，我感觉有必要先了解下，图片是如何展示的。如果我们要展示一张图片，一般步骤是这样的： 运行程序，我们就可以在指定位置看到这个icon。看似简单的代码背后隐藏了很多细节工作。一张图片的展示，从代码执行到展示出来大致经历了这些步骤： 1. 加载图片 2. …

我们经常使用图片来表达信息，图片已然成为一种沟通方式。图片可以表达信息，我们也需要知道图片本身是如何被表达出来的。本文将就图片的类型和常见图片格式的二进制进行解析，希望对大家有帮助！

计算机图像处理是一门很成熟的技术，任何一门可操作系统接口的语言都能很轻易的实现各种处理操作。但是前端限于浏览器环境和接口限制，处理起来会有诸多不便，这里所说的前端图像处理，是真的指不借助任何后端服务纯前端实现的图像处理。本文会介绍canvas位图处理，SVG矢量图和CSS3图像…