图片通常是网页中体积最大的资源。优化图片不仅能提升加载速度，还能降低服务器带宽成本。图片优化的核心目标是：用最小的体积呈现最好的画质，同时不影响页面布局。

转换为WebP格式

WebP是Google开发的图片格式，比JPEG小25%到35%，比PNG小80%，同时支持透明和动画。把现有的JPEG和PNG图片转换为WebP格式，能显著减少图片体积。转换方法：用在线转换工具批量处理，或者在建站后台开启自动转换功能。大部分主流浏览器都支持WebP格式。

设置合理的图片尺寸

很多企业网站直接上传相机拍的原图，一张图三五兆。网页上显示的图片不需要那么大的尺寸。把图片压缩到实际显示尺寸的1.5到2倍即可——比如产品卡片显示宽度是400px，图片宽度设800px就够了。压缩后单张图控制在200KB以内。具体操作：用图片压缩工具批量处理，或者在建站后台设置上传自动压缩。

实现延迟加载

延迟加载是指非首屏的图片，只有当用户滚动到对应区域时才开始加载。首屏加载的图片数量减少，首屏显示速度自然提升。实现方法：使用loading="lazy"属性，在img标签中添加即可。大多数现代浏览器都支持这个属性。对于首屏图片，不要使用延迟加载，确保它们优先显示。

设置图片宽高属性

在img标签中设置width和height属性，告诉浏览器图片的宽高比例。这样浏览器可以在图片加载完成之前预留正确的空间，避免页面布局在图片加载时发生偏移。布局偏移是影响用户体验和搜索排名的重要因素。

使用响应式图片

根据用户设备的屏幕宽度，加载不同尺寸的图片。小屏幕加载小图，大屏幕加载大图。实现方法：使用srcset属性指定多个图片源，浏览器自动选择最合适的。这在移动端尤为重要，能避免手机加载桌面端的大图。