颜文字和图片格式

颜文字(๑◔‿◔๑)

简约

可爱颜文字

---

emojis & icons

List_of_emoticons:‑)

图片

图片是由很多像素点组成的，每个像素点只能保存一种颜色。

一个图片格式是8位的说明一个像素点可以表示 \(2^8\) 种颜色。

Alpha透明通道：一个8位的灰度通道用256级灰度来记录图像中的透明度信息，定义透明、不透明和半透明区域，黑表示透明，白表示不透明，灰表示半透明。

关键要素：像素点位数、是否支持透明通道、是有损压缩还是无损压缩、是否支持动态图

图片格式

PNG

• png有PNG8、PNG24、PNG32三种格式。PNG8表示图片的每个像素点是8位

• png支持透明通道。PNG8有1位的布尔透明通道（要么完全透明，要么完全不透明）。PNG24用的是Alpha透明通道，即有8位（256阶）的布尔透明通道（所谓半透明），它有1600万种颜色

• png是无损压缩

• png不支持动态图

JPG

• jpg又叫jpeg，两者是完全相同的压缩算法。之所以有两个名字，是因为很久之前的Windows系统仅支持扩展名为三位的文件，所以将jpeg格式简写成jpg来供Windows系统识别

• jpg是24位的

• jpg不支持透明通道

• jpg是有损压缩。每次保存都会有数据损失，所以尽量不要多次保存，不然图像会失真

• jpg不支持动态图

WebP

• WebP是Google发明的一种图片格式。在达到图片同样效果的情况下，WebP格式的图片体积更小

• WebP支持透明通道。

• WebP有无损压缩和有损压缩两种

• WebP支持动态图

GIF

• gif是8位的

• gif支持透明通道

• gif是有损压缩

• gif可以保存多个图层，所以支持动态图

markdown中的图片显示

调整大小

way 1

<img src="https://img2024.cnblogs.com/blog/3451563/202406/3451563-20240624132343896-2043922631.webp" width="100" height="100">

way 2

<img src="https://img2024.cnblogs.com/blog/3451563/202406/3451563-20240624132343896-2043922631.webp" width="10%" height="10%">

好用的图片网站

有趣的动图：GIPHY 右键+存储图像

参考文章：WebP是什么图片格式？你了解PNG、JPG、WebP和GIF的区别吗？