图像

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

这篇文章是我上班后发的第一篇文章，因此在此做一下记录，要养成记录的习惯，以总结自己的学习成果吗，加油哟！
注意：以后写文章中用到图片的话均采用CSDN中的图片-上传图片-选择图片的方式上传图片，以避免原图片被删除后链接失效无法正常显示图片影响阅读效果

–

一、PNG JPG JPEG是什么？

PNG（Portable Network Graphics）和JPEG（Joint Photographic Experts Group）是两种常见的图像文件格式。
JPG（JPEG File Interchange Format）和JPEG实际上是同一种图像文件格式，只是在文件扩展名上略有差异。JPEG 是指这种图像文件格式的标准命名，而 JPG 则是对该文件格式的常见缩写。从技术角度来看，JPEG 和 JPG 并没有实质上的区别。它们都使用了 JPEG 压缩算法来压缩图像，并支持真彩色和灰度图像。JPEG/JPG 格式主要用于存储摄影和真实场景的图像，并且可以根据需要设置不同的压缩质量，以平衡图像质量和文件大小。

二、区分

压缩算法：
PNG：使用无损压缩算法，即无损压缩，使得图像质量不会丢失。
JPEG：使用有损压缩算法，通过丢弃图像中一些细节和颜色信息来实现较高的压缩比。因此，JPEG 图像文件大小通常较小。

支持的颜色深度：
PNG：支持索引色、灰度图像和全彩色图像。对于全彩色图像，支持的颜色深度为24位（真彩色）和48位（真彩色 + 透明通道）。
JPEG：主要用于存储摄影和真实场景的图像，支持24位（真彩色）颜色深度。

透明度支持：
PNG：支持图像的透明度设置，可以创建带有透明背景的图像。
JPEG：不支持透明度，JPEG 图像不包含透明通道。

应用场景：
PNG：适用于需要保留图像质量、透明背景或简单的图标、线条图案等。
JPEG：适用于摄影、真实场景的图像，以及需要较小文件大小的情况（如网络传输、存储等）。

当一张图片的某区域填充了完全相同的颜色，它就被成为平面彩色。徽标、插图、图表经常使用平面彩色（注：雪、天空或草地的照片不属于平面彩色它们是由同一种颜色的多个存在微妙区别的不同变体构成的，因此它们不适合保存为GIF或是PNG格式）

二、图像格式

PNG 格式适用于需要保持图像质量和透明背景的情况，但文件大小可能会比 JPEG 大。JPEG 格式适用于需要较小文件大小的摄影和真实场景图像，但会有一定的图像质量损失。
1.当图片中包含多种不同颜色时，应保存为JPEG
2.当图像中包含少量的颜色或者大面积的同色区域时应该保存为GIF或者PNG格式。
当一张图片的某区域填充了完全相同的颜色，它就被成为平面彩色。徽标、插图、图表经常使用平面彩色（注：雪、天空或草地的照片不属于平面彩色它们是由同一种颜色的多个存在微妙区别的不同变体构成的，因此它们不适合保存为GIF或是PNG格式）

SVG (可伸缩适量图形)：可将矢量图形直接显示在网络上而不必创建它们的位图版本。
GIF (动画) ： 显示几帧序列图像，创建简单动画。如Adobe Photoshop 的图像编辑软件允许你创建GIF动画 只适用于简单的插图

二、其他图像相关

1. 图像大小:
   页面中使用的图像，应采用图像编辑工具来调整大小和修剪图像。引入图像时它的宽度和高度应该与你希望它在网页中显示的大小保持一致。设置图像大小时应使用像素来设定图像大小

2. 透明度

3. <figure>和<figcaption 图像以及图像的说明。

总结