图片优化除了Alt标签，还有哪些技巧？

在网页的海洋里图片就像是那闪烁的灯塔，指引访客前进。若只靠 Alt 标签这盏灯光， 琢磨琢磨。 却忽视了它背后的光谱，你会发现许多机会被浪费。

1️⃣ 命名：让搜索引擎也能“看见”你的故事

大胆一点... 你可能以为文件名无关紧要， 但其实吧，它是搜索引擎第一眼看到的“文字”。给图片起个富有描述性的名字， 比如“夏季连衣裙-蓝色-时尚潮流”比起“IMG_1234.jpg”更能让搜索蜘蛛停留。

小技巧：用连字符代替空格，避免下划线导致解析错误。

• 夏季连衣裙-蓝色-时尚潮流.jpg
• 春季牛仔裤-浅蓝-休闲风格.png

2️⃣ 大小与格式：速度与美感的双赢平衡

大图片如同沉重的行李， 拖慢页面加载；过小则像失焦的照片，失去细节。学会根据展示位置裁剪尺寸，让图像既清晰又轻盈。

格式选择：

• JPEG：适合彩色照片， 压缩率高，但不支持透明。
• PNG：透明背景、细节保留好，但文件稍大。
• WebP / 娱乐IF：现代浏览器支持，可在保持质量的一边压缩更低。
• Lottie / SVG：动画或矢量图，可无损放大。

别忘了在服务器或 CDN 上开启 gzip/ Brotli 压缩， 又爱又恨。