图片太多网站卡？免费图床 + CDN 加速方案，流量再大也不怕！
网站图片越来越多，加载越来越慢？放在免费主机上还占空间怕超限？用免费图床把图片托管出去，配上 CDN 加速，又快又省空间。本文介绍几个靠谱的免费图床方案。
一、为什么要把图片放在图床上？
直接把图片放在网站上的问题
| 问题 | 说明 |
|---|---|
| 🐢 加载慢 | 图片从你的服务器加载，带宽有限 |
| 💾 占空间 | 免费主机空间有限（InfinityFree 5GB），图片多了很快满 |
| 📉 拖慢整站 | 同一时间加载多张图片，服务器压力大 |
| 🔄 搬家麻烦 | 换主机要迁移大量图片文件 |
| 🚫 超流量 | 图片流量消耗大，免费主机可能超限暂停 |
用图床的好处
| 好处 | 说明 |
|---|---|
| ⚡ 加载快 | 图床自带 CDN，全球加速 |
| 💾 省空间 | 网站只存文字，图片全放图床 |
| 🔄 好搬家 | 换主机不用迁移图片 |
| 🛡️ 更稳定 | 图床是专业服务，比你的免费主机稳定得多 |
| 📊 可管理 | 统一管理所有图片，随时增删 |
二、图床方案推荐
方案一：Cloudflare R2（推荐指数 ⭐⭐⭐⭐⭐）
Cloudflare R2 是 Cloudflare 的对象存储服务，有免费额度，对于个人博客绰绰有余。
| 配置 | 免费额度 |
|---|---|
| 存储空间 | 10 GB |
| 月下载流量 | 无限（零出站费用！） |
| 月写入请求 | 100 万次 |
| 月读取请求 | 1000 万次 |
优势：零出站流量费是 R2 最大的卖点——其他云存储都是存储便宜但流量贵，R2 直接把流量免费了！
配置步骤：
- 登录 Cloudflare → 左侧菜单 → R2
- 创建存储桶（Bucket），比如叫
my-blog-images - 设置 → 开启 公开访问（Public Access）
- 绑定自定义域名（如
img.yourdomain.com） - 上传图片
上传工具：
- 网页版：直接在 Cloudflare 后台上传
- 桌面端：用 Cyberduck（免费，支持 S3 协议）
- 命令行：用
rclone（免费开源）
方案二：GitHub + jsDelivr CDN（推荐指数 ⭐⭐⭐⭐）
把图片放在 GitHub 仓库里，用 jsDelivr 的免费 CDN 加速访问。
| 配置 | 说明 |
|---|---|
| 存储空间 | GitHub 单仓库 1GB（可建多个） |
| 流量 | jsDelivr 免费 CDN，无流量限制 |
| 速度 | 全球 CDN 加速 |
配置步骤：
- 在 GitHub 创建一个公开仓库，比如
blog-images - 把图片上传到仓库
- 通过 jsDelivr 访问：
原始地址：https://github.com/你的用户名/blog-images/blob/main/photo.jpg
CDN 地址：https://cdn.jsdelivr.net/gh/你的用户名/blog-images@main/photo.jpg
优点：完全免费，无任何限制，稳定可靠。
缺点：单文件建议不超过 20MB，GitHub 对大文件有限制。
方案三：去不图床（国内推荐 ⭐⭐⭐⭐）
去不图床 是面向国内用户的免费图床：
| 配置 | 说明 |
|---|---|
| 存储空间 | 单张图片最大 5MB |
| 支持的格式 | JPG、PNG、GIF、WebP、SVG |
| 特色功能 | 支持原图保护、水印设置、图片压缩 |
| 访问速度 | 国内节点，速度快 |
优点：中文界面，操作简单，国内访问快。
缺点：免费版有上传频率限制，稳定性取决于第三方运营。
方案四：Telegraph 图床（零门槛 ⭐⭐⭐）
Telegraph 是 Telegram 旗下的匿名发布平台，它的图片上传接口被广泛用于图床。
- 不需要注册账号
- 图片永久存储
- 有多个第三方图床上传工具
常用 Telegraph 图床工具：
- telegraph-image — 可部署到 Cloudflare Pages
优点：完全零门槛，不需要注册。
缺点：没有管理后台，上传后无法删除。不适合需要管理图片的场景。
三、图片优化：上传前先压缩
不管用哪个图床，上传前先把图片压缩一下，效果立竿见影。
压缩的重要性
| 压缩前 | 压缩后 | 效果 |
|---|---|---|
| 一张 5MB 的照片 | 压缩到 200KB | 加载速度快 25 倍！ |
| 10 张图，50MB | 压缩到 2MB | 省了 48MB 流量 |
推荐压缩工具
| 工具 | 平台 | 费用 | 特点 |
|---|---|---|---|
| TinyPNG | 网页 | 免费（20 张/次） | 最流行的在线压缩工具 |
| Squoosh | 网页 | 免费 | Google 出品，支持多种格式 |
| ImageOptim | Mac | 免费 | 本地压缩，拖拽即用 |
| RIOT | Windows | 免费 | 批量压缩，参数可调 |
图片格式选择
| 格式 | 适合场景 | 特点 |
|---|---|---|
| WebP | 推荐首选 | 比 JPG 小 25-35%，比 PNG 小 26% |
| JPG | 照片、截图 | 最通用，压缩率高 |
| PNG | Logo、图标 | 支持透明背景 |
| SVG | 图标、简单图形 | 矢量图，无限放大不失真 |
| GIF | 动图 | 尽量少用，文件很大 |
💡 建议：能用 WebP 就用 WebP，兼容性已经很好了。如果担心老浏览器不兼容，可以加个 fallback。
四、WordPress 用户的专属优化
如果你用的是 WordPress，有一些插件可以自动帮你优化图片。
必备插件
| 插件 | 作用 | 费用 |
|---|---|---|
| Smush | 自动压缩上传的图片 | 免费 |
| EWWW Image Optimizer | 图片压缩 + 转 WebP | 免费 |
| ShortPixel | 图片压缩（质量很高） | 每月 100 张免费 |
| WP Rocket | 全站缓存 + 懒加载 | 付费（$59/年） |
| LiteSpeed Cache | 缓存 + 图片优化 | 免费（需 LiteSpeed 服务器） |
开启图片懒加载
懒加载（Lazy Load）的意思是：用户滚动到哪里，才加载哪里的图片。不滚动到的图片先不加载。
WordPress 5.5+ 默认开启了图片懒加载，不需要额外操作。如果想更精细控制，可以用 a3 Lazy Load 插件。
五、CDN 加速图片加载
图床自带 CDN，但如果你坚持图片放自己服务器，可以用 Cloudflare 加速。
Cloudflare 图片加速设置
- 登录 Cloudflare → 选择域名
- Speed → Optimization → Polish：开启
- 自动压缩图片（有损/无损可选）
- 自动转 WebP 格式
- Caching → Cache Rules：创建规则
字段：URI Path 包含：.jpg
操作：Cache Edge TTL：1 个月
（同样添加 .png、.webp、.gif、.svg 的规则）
使用 Cloudflare Images（付费但强大）
Cloudflare 有一个专门的图片服务（Cloudflare Images），提供无限图片存储 + 实时裁剪/优化：
- 存储 10 万张图片：$5/月
- 实时裁剪：
https://img.yourdomain.com/cdn-cgi/image/width=800/photo.jpg - 自动转 WebP/AVIF
对于图片特别多的网站，$5/月非常划算。
六、最佳实践：我的推荐组合
根据不同场景，推荐以下组合：
个人博客（推荐）
图片存储：GitHub 仓库 + jsDelivr CDN
图片压缩：上传前用 Squoosh 压缩为 WebP
WordPress：Smush 插件自动压缩
CDN 加速：Cloudflare Polish + 缓存规则
费用：¥0
图片较多的网站
图片存储：Cloudflare R2（10GB 免费）
图片压缩：Squoosh / ImageOptim
自定义域名：img.yourdomain.com 指向 R2
费用：¥0（不超免费额度）
国内用户为主
图片存储：去不图床
图片压缩：TinyPNG
备份：本地也存一份
费用：¥0
七、常见问题
Q1：图床会不会跑路？我的图片怎么办？
这是个好问题。 免费图床确实有跑路风险。对策：
- 本地保留原图：电脑上始终存一份原图
- 优先选大厂：Cloudflare R2、GitHub 这种大厂跑路风险极低
- 图片 URL 用相对路径：如果换了图床，批量替换 URL 也方便
Q2：一张图片放图床，在多个网站能用吗？
可以。 图床的图片 URL 是公开的，你可以在任何地方引用。
Q3：为什么我的 WebP 图片在某些浏览器显示不了？
WebP 兼容性已经很好（覆盖 97%+ 的浏览器），但老版本 Safari 和 IE 不支持。如果需要兼容，可以在 HTML 中用
Q4：图片多大合适？
| 用途 | 建议尺寸 | 建议大小 |
|---|---|---|
| 文章配图 | 宽度 1200px | < 200KB |
| 缩略图 | 宽度 400px | < 50KB |
| Logo | 宽度 200px | < 20KB |
| 全屏背景 | 宽度 1920px | < 500KB |
八、小结
| 优化措施 | 效果 | 成本 |
|---|---|---|
| 图片放图床 | 省空间、加载快 | 免费 |
| 上传前压缩 | 文件减小 50-80% | 免费 |
| 使用 WebP 格式 | 比 JPG 小 25-35% | 免费 |
| 开启懒加载 | 首屏加载快 2 倍 | 免费 |
| Cloudflare CDN 加速 | 全球就近访问 | 免费 |
| 总效果 | 网站速度提升 3-10 倍 | ¥0 |
图片优化是网站加速中效果最明显、操作最简单的环节。今天花 20 分钟把图床和压缩流程搭建好，以后每次写文章顺手压缩下图片，网站体验会有质的飞跃。
📌 系列文章：
- [新手必看：DNSHE 免费域名注册全攻略]()
- [免费虚拟主机注册全攻略]()
- [DNS 解析从入门到精通]()
- [Cloudflare 免费 CDN 配置教程]()
- [内网穿透教程——让家里电脑变成服务器]()
- [GitHub Pages 搭建免费个人网站]()
- [免费 SSL 证书申请教程]()
- [WordPress 零基础建站教程]()
- [网站上线后必做的 SEO 优化指南]()
- [Google AdSense 广告接入全攻略]()
- [零成本网站安全防护指南]()
- 本文：免费图床与 CDN 加速方案