告别加载卡顿！用Squoosh+PS实现图床迁移

🖼 背景：从 Notion 到自建图床

我的博客文章最初是通过 Notion 编写并直接上传的图片，Notion 已自动将图片压缩并转为 WebP。

但由于没有启用 CDN，所有图片都直接从原始地址加载，导致加载较慢。

为了控制流量开销并提升加载速度，现在打算将图片托管到自己的 CDN，同时手动压缩并优化图片大小。

❓ 为什么要压缩图片？

  1. 降低 CDN 流量成本：

    默认截图基本都是png格式，可以转为 WebP 并压缩降低大小和流量。

  2. 提升页面加载速度：

    优化后的图片体积更小，加载更快。

  3. 增强用户体验与 SEO：

    访问体验流畅，搜索引擎排名更佳。

🌐 使用在线工具压缩和转换为 WebP

推荐几个高效易用的在线工具：

  • Squoosh：支持 WebP 压缩和实时预览，适合图片逐一优化**(推荐)**。
  • TinyPNG：虽主打 PNG/JPG，但压缩算法优秀，可配合转换工具使用。
  • Convertio：可将 PNG、JPG 转换为 WebP。

🛠 使用 PS 直接导出为 WebP 格式

如果你有 PS（Photoshop 2024/2025之后版本），可以通过以下步骤导出 WebP：

  • 打开图片 → 文件 → 存储为（注意不是导出）
  • 设置格式为 WebP

ps保存为webp.png

  • 选择有损，调整质量（建议 70~80%）以兼顾体积与清晰度

ps图像压缩.png

  • 最后点击确定即可

✅ 总结

  • 即使图片来源于 Notion，重新压缩仍有优化空间
  • 在线工具如 Squoosh 简单实用，适合自建图床前压图
  • 本地用户可用 PS 精细控制输出质量
  • 配合 CDN 使用，自建图床更省流量、加载更快