皮肤背景图片、发布者、按钮背景、发布者下方提示右侧的广告、用户头像、用户发布的图片。智能建站
网站优化。不仅可以提高页面的加载速度，改善网站的用户体验，还可以通过图像优化节省网站的带宽。那么，作为一个页面构建工程师，应该采用什么样的方法来优化图像，这样既能保证用户界面的还原程度，又能使图片最简洁？我将根据自己的经验简要介绍图像优化的方法。首先，我会了解一些关于图片的知识：
矢量图像：缩放、旋转和无失真的图像格式，无论你看得多近，你都看不到最小的图形单位。存储文件较小，但很难用丰富的色彩来表现生动的图像效果。它可以理解为一个圆，抛物线和其他形状。
位图：又称光栅图、像素图，最小单位是由像素组成，缩放、旋转都会变形。例如，位图就像十字绣。当你从远处看时，你可以看到每一针的颜色变化。
有损压缩：它的特点是坚持颜色的渐变，根据人眼观察到现实世界的突变，然后通过渐变或其他形式填充附近的颜色。由于像素数据信息的存在，会降低存储容量，降低图像的恢复质量。Jpg有损压缩格式，将图像分解成8*8像素的网格单优化。例如，红色块是8*8px，黑色背景色块是32*32px。当小白块不是纯白色时，周围的白色块非常尖锐，如下图所示：
右上角的红色网格在8*8像素网格单元中不存在，因此在存储过程中，周围8*8网格单元的颜色将被融合。这就是为什么保存JPG图片时图像会变得模糊的原因。
无损压缩：利用数据的统计冗余进行压缩，记录图像上每个像素的真实数据信息。其原理是确定哪些颜色相同，哪些颜色不同，压缩并记录同一颜色的数据信息，并将不同的数据分开保存。多次存储后，图像质量不会降低。
为什么无损压缩图像会有失真？因为它的压缩原理是压缩和还原索引图像的同一区域，也就是说，只有当图像中的颜色数小于我能保留的颜色数时，才能记录和恢复图像，否则会丢失一些图像信息。
Png24是真黑色，所以颜色表是空的，不会失真。
在图像优化技术之前，我们需要了解一些有关图像格式的技术细节。每种图形格式都有自己的优缺点，知道它会使你获得更好的视觉质量和压缩质量。
网页图像优化是网页加速中非常重要的一步。图像压缩不仅可以节省带宽，而且可以加快网页的速度。常用的图像编辑软件可以用来压缩图片。
有时png-8可以获得更高的压缩比。注意png-8不是png-24。然而，在某些情况下，GIF或JPG会更小。需要根据实际情况进行调试，选择方案。
使用工具优化后，它可以更小
因此，在使用工具优化后，需要检查文件格式是否已更改，以防止未经优化而丢失一些图片。
在图像格式的选择上，还需要考虑图片的场景或功能的使用，可以归纳为两类：图案类和照片类
图形类型：图形符号，具有信息高度集中、传递速度快、易于记忆、少数色彩的特点。
图形类通常可以使用PNG格式或GIF格式。优化时，PNG格式可以是PNG8或png24，质量为32。如果发生颜色丢失，可以使用质量64或128
例如，主页左侧的图标、提要区域中的图标、奖牌图和面部动画都属于图形。
照片类别：照片通常包含数百万种颜色，包括平滑的颜色过渡和渐变。如果图形比较复杂，有时会出现真实的照片。
PNG和JPG是常用的照片分类，可以根据图片颜色的丰富程度来确定。
