自媒体配图指南：公众号与小红书封面用JPG还是PNG（附具体参数）

做自媒体最怕什么？辛辛苦苦排版、调色做了一下午的封面，传到公众号或小红书后，边缘出现马赛克、文字发虚，甚至原本透明的背景变成一块死白色块。很多新手遇到这些问题时，往往只会盲目调高锐化或反复重传，却忽略了最底层的格式选择。

JPG 和 PNG 到底怎么选？为什么有时候传 PNG 反而比 JPG 更糊？本文结合公众号与小红书的实际压缩机制，拆解 jpg 和 png 区别，给你一份可以直接抄作业的配图格式指南。

一、JPG 与 PNG 的核心区别

在讨论平台规则之前，先搞懂这两种格式的物理特性。选错格式，后面的优化都是徒劳。

1. 压缩原理：有损与无损

• JPG（JPEG）：采用有损压缩。它通过舍弃人眼不敏感的色彩细节和高频信息来大幅减小体积。每次编辑并保存 JPG，都会丢失一定画质（即”代际损失”）。
• PNG：采用无损压缩。它保留所有像素信息，支持多次编辑保存而不损失画质，但代价是文件体积通常比 JPG 大 3 到 5 倍。

2. 要点对照

对比维度	JPG (JPEG)	PNG (PNG-8 / PNG-24)
压缩方式	有损压缩	无损压缩
透明度支持	不支持（透明区填白或填黑）	支持（PNG-24 支持 Alpha 通道半透明）
色彩深度	24 位（约 1670 万色）	8 位 / 24 位 / 32 位
文字/线条边缘	易产生伪影（噪点、模糊）	边缘锐利，像素级清晰
文件体积	较小（适合复杂色彩）	较大（适合色块、文字、透明图）

二、公众号配图：封面与正文的格式抉择

微信公众号的图片服务器对大图有体积限制（单张通常不超过 10MB），且为保障移动端加载速度，后台会自动对图片做一定压缩。

1. 公众号封面图（首图与次图）

• 首图尺寸：推荐 900×383 像素（约 2.35:1）或 1068×455 像素。
• 次图尺寸：推荐 200×200 像素（1:1）。
• 格式建议：首选 JPG。封面多为摄影图或色彩丰富的合成图，JPG 能在保持观感的同时把体积控制在 500KB 左右，确保弱网下也能较快打开。
• 真实限制：如果封面包含大量锐利文字、细线条或 Logo，用 JPG 会在文字边缘产生明显噪点。这时应改用 PNG-24，并在导出时控制整体尺寸。

2. 公众号正文长图与插图

• 格式建议：信息图表、长图用 PNG，实拍照片用 JPG。
• 常见失败原因：公众号对超长图片（高度超过 10000px）会自动切片或二次压缩。如果长图含大量文字和数据，被切成 JPG 会让文字模糊发虚。务必用 PNG，并提前切片。

3. 公众号配图导出流程

1. 在 Photoshop 中完成设计，确认画布尺寸（如 900×383），色彩模式设为 RGB。
2. 点击 文件 > 导出 > 存储为 Web 所用格式（旧版）（Windows Ctrl+Shift+Alt+S / Mac Cmd+Opt+Shift+S）。
3. 若为照片类封面：格式选 JPEG，品质设 70 到 80，勾选”转换为 sRGB”。看左下角预估体积，控制在 1MB 以内。
4. 若为文字/图形类封面：选 PNG-24，需要透明时勾选”透明度”。
5. 体积优化：如果导出的 PNG 偏大，可借助图叮AI（网页版浏览器即用，或 PS UXP 插件）做压缩，再回到 Photoshop 核对文字边缘是否清晰；具体功能以官网为准。

三、小红书配图：如何应对”画质吞噬”

小红书采用双列瀑布流，对图片清晰度、饱和度和第一眼冲击力要求很高，展示机制与公众号不同。

1. 小红书封面图格式与参数

• 推荐尺寸：1080×1440 像素（3:4），这是信息流中占面积最大、点击率较高的比例。
• 格式建议：首选高品质 JPG。小红书服务器会对上传图片二次压缩。如果你传几十 MB 的 PNG 原图，平台会触发更激进的压缩，导致画质明显下跌。上传经过预处理、体积适中的高品质 JPG，反而能保留更多细节。

2. 为什么你的小红书图片总被”吞”画质

• 失败原因 1：上传了超大体积的 PNG。关于小红书为何对大体积 PNG 压得更狠，业内有一些非科学推测，认为是服务器为节省带宽，对过大的图片启用了更激进的有损压缩。无论原因如何，上传前先把体积压下来更稳妥。
• 失败原因 2：色彩空间错误。设计时用了 CMYK 或 Adobe RGB，没转 sRGB，上传后颜色发灰或过饱和。
• 失败原因 3：锐化过度。在 JPG 压缩机制下，过度锐化会产生白边和噪点，让图片看起来”很脏”。

3. 小红书高清配图处理流

1. 建立 1080×1440 像素画布，色彩模式 RGB，色彩空间选 sRGB IEC61966-2.1。
2. 温和锐化：导出前盖印图层，加”高反差保留”滤镜（半径 1.5 到 2.0 像素），图层混合模式改”线性光”，不透明度降到 20% 到 30%。这比直接用 USM 锐化更自然。
3. 导出为 JPG，品质设 85 到 90。
4. 体积校验：检查单张体积，过大时压缩到合适范围，尽量保留人物肤色过渡和文字边缘，避免平台二次压缩带来的劣化。

四、快速决策指南

• 适用 JPG 的场景：摄影照片、色彩渐变丰富的插画；体积受限的平台封面（公众号首图、小红书封面）；不需要透明背景的常规配图。
• 不适用 JPG 的场景：含大量细小文字、线框图、数据报表；需要透明背景或半透明阴影的素材；需要多次修改保存的源文件（会产生代际损失）。
• 适用 PNG 的场景：UI 界面截图、数据图表、Logo；带透明背景的贴纸或叠加素材；以文字和色块为主的排版长图。
• 不适用 PNG 的场景：色彩极复杂的超大尺寸摄影图（文件体积失控，触发平台强制压缩）。

五、常见问题 FAQ

1. 为什么我在电脑上看着很清晰的 PNG，传到公众号就变糊了？ 通常是因为 PNG 文件体积过大，触发了公众号后台的自动压缩。解决办法：上传前先把 PNG 压到合适体积，或在 PS 导出时适当降低 PNG 色彩深度（如颜色不复杂时从 PNG-24 降为 PNG-8）。

2. 小红书支持 WebP 吗？用 WebP 会比 JPG 更清晰吗？ 小红书客户端能解析 WebP，但在创作者上传端，系统仍会将其转为 JPG 或平台内部格式。实测下来，直接上传高品质 JPG 是最稳妥的选择。强行上传 WebP 有时会导致色彩空间识别错误、出现偏色。

3. PNG 图片太大（超过 10MB），怎么压缩而不损文字清晰度？ 不要用画图工具直接另存为 JPG，那会毁掉文字边缘。优先用支持 PNG 优化的工具（如图叮AI 网页版，具体能力以官网为准），通过优化调色板和去除冗余元数据来减小体积，尽量保留文字锐度。

4. 公众号文章里 GIF 动图，第一帧封面为什么有白边或锯齿？ GIF 只支持 1 位透明度（像素要么全透明要么全不透明），不支持半透明 Alpha 通道。所以带半透明阴影或柔和边缘的 GIF 在透明区会出现白边。如果必须用动图封面，导出 GIF 时把”杂边”颜色设为与文章背景一致（通常纯白 #FFFFFF），从视觉上消除白边。

下次导出配图前，先花几秒判断图片内容（是照片还是文字/透明图），选对 JPG 或 PNG，再控制好体积，你的视觉专业度会立刻提升一个档次。