网站、邮件和社交媒体的图片尺寸
一份参考表，涵盖网页、链接预览、邮件和各大社交平台的像素尺寸与宽高比。
图片尺寸不对，结果要么模糊，要么主体被裁掉，要么页面加载缓慢。这份参考整理了 2026 年适用的尺寸，并解释了背后的道理，这样平台改规则时你也能做出合理的判断。
两条原则
匹配显示尺寸，同时考虑高分辨率屏幕。现在大多数手机和笔记本电脑的屏幕，每个 CSS 像素对应两到三个物理像素。一张以 600 个 CSS 像素宽度显示的图片，需要 1,200 像素宽才会清晰。超过 2 倍只会增加文件大小，看不出任何好处。
先确定宽高比，再确定像素数。各平台会自动裁剪成它们偏好的比例，而自动裁剪常常会把人头和 Logo 裁掉。先用裁剪工具自己裁成需要的比例，再用调整尺寸工具调整大小。
网站图片
| 用途 | 宽度 | 比例 | 目标文件大小 |
|---|---|---|---|
| 全宽首屏大图 | 1,920 px（超大屏幕用 2,560） | 16:9 或 21:9 | WebP 格式 300 KB 以内 |
| 正文 / 博客配图 | 1,200 到 1,600 px | 3:2 或 16:9 | 150 KB 以内 |
| 卡片或网格缩略图 | 600 到 800 px | 整个网格保持一致 | 60 KB 以内 |
| 商品图 | 1,200 到 2,000 px | 1:1 或 4:5 | 200 KB 以内；需要放大查看时可更大 |
| Logo（位图） | 显示尺寸的 2 倍 | 按设计稿 | PNG 或 SVG |
| Open Graph / 链接预览 | 1,200 × 630 px | 1.91:1 | 300 KB 以内，JPG 或 PNG |
| Favicon | 16、32、48、64 px 放在一个 .ico 里 | 1:1 | 极小 |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
邮件
邮件客户端以固定宽度渲染，邮件正文通常是 600 到 640 像素宽。图片按 1,200 px 宽提供（视网膜屏 2 倍），整封邮件控制在约 1 MB 以内；更大的邮件会被 Gmail 截断，在手机上打开也慢。使用 JPG 或 PNG，邮件客户端对 WebP 的支持仍然不一致。简单的动画用 GIF 就可以。
社交媒体
| 平台 | 位置 | 尺寸 | 比例 |
|---|---|---|---|
| 动态，竖版（覆盖面最好） | 1,080 × 1,350 | 4:5 | |
| 动态，方形 | 1,080 × 1,080 | 1:1 | |
| 快拍 / Reels 封面 | 1,080 × 1,920 | 9:16 | |
| 头像 | 320 × 320（以圆形显示） | 1:1 | |
| 动态图片 | 1,200 × 630 或 1,080 × 1,350 | 1.91:1 或 4:5 | |
| 主页封面 | 1,640 × 856 | 桌面端显示为 820 × 312 | |
| 帖子图片 | 1,200 × 627 | 1.91:1 | |
| 公司横幅 | 1,128 × 191 | 约 5.9:1 | |
| X (Twitter) | 帖子图片 | 1,600 × 900 | 16:9 |
| X (Twitter) | 页头 | 1,500 × 500 | 3:1 |
| YouTube | 缩略图 | 1,280 × 720 | 16:9，2 MB 以内 |
| YouTube | 频道横幅 | 2,560 × 1,440（安全区域 1,546 × 423） | 16:9 |
| TikTok | 视频封面 | 1,080 × 1,920 | 9:16 |
| Pin 图 | 1,000 × 1,500 | 2:3 | |
| WhatsApp / Telegram | 头像 | 640 × 640 | 1:1 |
每个社交平台都会重新压缩上传的图片，通常压成画质 75 到 80 左右的 JPG。请按上表的精确尺寸、以高画质（JPG 90 或 PNG）上传，让平台只做最后一次压缩，而不是在你的压缩之上再叠加它的压缩。想在发布前看看帖子效果，可以用社交帖子预览工具。
顺带说说印刷
印刷看的是每英寸像素数，而不是总像素数。300 ppi 是标准：6 × 4 英寸的照片需要 1,800 × 1,200 px，A4 页面需要 2,480 × 3,508 px，A3 海报需要 3,508 × 4,961 px。低于 150 ppi 的图片印出来会明显发虚。请提供画质 95 的 JPG 或无损格式。
快速工作流程
- 按目标平台要求的比例裁剪。
- 按表中的宽度调整尺寸，绝不超过显示尺寸的 2 倍。
- 网站导出为 WebP，邮件和社交媒体用 JPG，带透明的图形用 PNG。
- 检查文件大小；如果超出目标，把画质调低几个点，而不是缩小尺寸。
这四步都可以在本站完成，图片不需要上传到任何地方。