当你点击“另存为”时，90%的设计问题就已经决定了...

这不是危言耸听。 格式选错，你的设计可能面临：

· 印刷品颜色全错
· 透明背景变白底
· 高清图变马赛克
· 客户打不开文件
· 文件体积暴涨 10 倍

今天，我把 13 种常用格式掰开揉碎讲清楚。读完这篇，你再也不会为“存什么格式”而纠结。

nerror="javascript:errorimg.call(this);">

核心三原则（先记住这些）

原则 1：用途第一

· 网页用？印刷用？再次编辑用？
· 先明确用途，再选格式

原则 2：质量平衡

· 需要最高质量？可以接受有损压缩？
· 在质量和文件大小间找平衡

原则 3：兼容性检查

· 对方能打开吗？需要特殊软件吗？
· 优先选择通用格式

13 种格式详细解析

一、工作文件类：编辑与协作

1. 1. PSD（Photoshop document）

特点：Photoshop 的“工程文件”，保留一切编辑信息

技术规格：

· 最大支持 2GB（旧版），新版 PSB 支持更大
· 支持所有 Photoshop 功能
· 图层、通道、路径、文字全部保留
· 支持 16 位/通道和 32 位/通道

什么时候用：

· ✅ 必须用：工作中随时保存
· ✅ 必须用：需要后续修改
· ✅ 必须用：团队协作源文件
· ✅ 建议用：保留设计过程

什么时候绝对不用：

· ❌ 绝不：直接发给客户
· ❌ 绝不：用于网页展示
· ❌ 绝不：需要打印的文件
· ❌ 避免：最终交付物

保存设置技巧：

  文件 → 存储为 → PSD✔ 最大兼容性（必须勾选！）✔ 图层（默认）✔ 注释（可选）✔ 专色（特殊印刷需要）

实战建议：

· 工作过程中每 10 分钟按 Ctrl+S
· 每天下班另存一个版本：项目名_日期.psd
· 最终完成后清理 PSD：删除隐藏图层，合并不需要修改的图层

1. 2. PSB（大型文档格式）

特点：PSD 的“超大杯”，支持超大型文件

技术规格：

· 支持最大 300,000×300,000 像素
· 文件大小无实际限制（受硬盘限制）
· 所有 PSD 功能都支持

什么时候用：

· ✅ 海报、展板等超大型印刷品
· ✅ 超高分辨率图像处理
· ✅ 电影、电视后期制作

注意事项：

· 只有 Photoshop CS 及以上版本支持
· 文件体积非常巨大
· 普通设计很少用到

二、图像展示类：网页与屏幕

1. 3. JPEG/JPG（最常用也最危险）

特点：有损压缩，平衡质量与体积

压缩原理：

· 丢弃人眼不敏感的颜色细节
· 压缩程度可调（1-100）
· 每次保存都会再次压缩

技术规格：

· 24 位真彩色（1670 万色）
· 不支持透明通道
· 不支持动画
· 不支持图层

质量等级选择指南：

 100（最佳）：网站重要图片、产品展示85-95（优）：网页常规图片、博客配图70-84（良）：社交媒体配图50-69（中）：缩略图、背景图1-49（差）：几乎不用

什么时候用：

· ✅ 完美适合：网页照片、产品图
· ✅ 推荐使用：社交媒体图片
· ✅ 可以使用：邮件附件
· ✅ 临时使用：客户预览

什么时候绝对不用：

· ❌ 绝不：需要透明背景时
· ❌ 绝不：需要再次编辑时
· ❌ 避免：文字较多的设计
· ❌ 避免：大面积纯色块

“死亡陷阱”警示：

1. 1. 多次保存质量损失：每保存一次，质量下降一次
2. 2. 文字边缘模糊：JPEG 会让文字产生锯齿
3. 3. 纯色块出现噪点：大面积同色区域会出现杂色
4. 4. 白色边缘问题：透明背景会变成白色背景

最佳保存方法：

文件 → 导出 → 存储为Web所用格式（旧版）或文件 → 导出 → 导出为（新版）设置建议：格式：JPEG品质：根据用途选择（网页用80-90）优化：勾选（减小文件体积）渐进式：网页大图建议勾选嵌入颜色配置文件：sRGB

1. 4. PNG（透明背景之王）

特点：无损压缩，支持透明通道

两个版本：

· PNG-8：256 色，支持 1 位透明度（全透明/全不透明）
· PNG-24：1600 万色，支持 8 位透明度（256 级透明）

技术规格：

· 无损压缩（质量不损失）
· 支持 Alpha 通道透明
· 不支持动画（APNG 除外）
· 文件体积相对较大

什么时候用 PNG-24：

· ✅ 必须用：需要透明背景的 Logo
· ✅ 必须用：网页 UI 元素、图标
· ✅ 推荐用：包含文字的截图
· ✅ 推荐用：简单图形设计

什么时候用 PNG-8：

· ✅ 颜色少于 256 种的图形
· ✅ 需要小文件体积时
· ✅ 简单图标、按钮

透明背景保存技巧：

 1. 确保背景图层是透明的（有灰白格子）2. 文件 → 导出 → 快速导出为PNG  或   文件 → 导出 → 导出为3. 选择PNG-244. 勾选“透明区域”

常见问题解决：
问题：保存后透明背景变白底？
解决：保存时勾选“透明区域”，并且不要勾选“交错”

问题：文件体积太大？
解决：尝试 PNG-8，或使用 TinyPNG 等压缩工具

1. 5. GIF（动画与简单图形）

特点：256 色，支持简单动画

技术规格：

· 最多 256 种颜色
· 支持多帧动画
· 支持 1 位透明度
· 无损压缩（但对颜色有限制）

什么时候用：

· ✅ 经典用途：简单动画、表情包
· ✅ 适合使用：颜色少的图标
· ✅ 可以使用：需要透明背景但颜色简单
· ❌ 不适合：照片、渐变颜色

动画 GIF 制作步骤：

1. 准备每一帧的图层2. 窗口 → 时间轴3. 点击“创建帧动画”4. 从图层建立帧5. 设置每帧时间（0.1-0.5秒）6. 文件 → 导出 → 存储为Web所用格式7. 选择GIF，设置颜色数（一般128足够）

1. 6. WebP（新时代网页格式）

特点：Google 开发，更小的体积更好的质量

技术规格：

· 比 JPEG 小 25-35%，比 PNG 小 26%
· 支持有损和无损压缩
· 支持透明通道
· 支持动画

什么时候用：

· ✅ 强烈推荐：现代网站图片
· ✅ 推荐使用：需要兼顾质量和体积
· ❌ 暂时不用：需要兼容旧浏览器

保存方法：

文件 → 导出 → 导出为选择WebP格式质量设置：75-85（有损），100（无损）

三、印刷输出类：专业印刷

1. 7. TIFF（印刷行业标准）

特点：无损，支持各种印刷功能

技术规格：

· 支持图层（可保留 PSD 部分功能）
· 支持多种压缩方式（LZW、ZIP 等）
· 支持 CMYK、专色通道
· 支持 16 位/通道

什么时候用：

· ✅ 必须用：专业印刷文件
· ✅ 必须用：高质量存档
· ✅ 推荐用：需要跨平台交换
· ✅ 可以使用：保留图层给其他软件

印刷专用设置：

文件 → 存储为 → TIFF图像压缩：LZW（无损压缩）像素顺序：隔行字节顺序：IBM PC存储图像金字塔：不勾选图层压缩：RLE（保留图层时）

重要：印刷前一定要转为 CMYK 模式！

1. 8. PDF（万能交换格式）

特点：跨平台，保留矢量信息

Photoshop 保存 PDF 的两种方式：

方式 1：标准 PDF（适合查看）

文件 → 存储为 → PDF✔ 保留Photoshop编辑功能✔ 嵌入页面缩览图图像品质：最大值

方式 2：印刷 PDF（专业印刷）

文件 → 存储为 → Photoshop PDF标准：PDF/X（印刷标准）输出：颜色转换为sRGB（网页）或CMYK（印刷）

什么时候用：

· ✅ 必须用：发送给客户预览
· ✅ 必须用：印刷厂文件
· ✅ 推荐用：包含文字的设计
· ✅ 可以使用：作品集展示

1. 9. EPS（矢量软件交换）

特点：包含矢量信息的位图格式

技术规格：

· 包含矢量轮廓信息
· 可在 AI、CDR 中编辑
· 支持印刷专色

什么时候用：

· ✅ 需要导入 Illustrator 进一步编辑
· ✅ 包含矢量路径的位图
· ❌ 普通设计很少用到

保存设置：

文件 → 存储为 → EPS预览：TIFF（8位/像素）编码：二进制包含半调网屏：不勾选包含传递函数：不勾选Postscript色彩管理：不勾选

四、专业用途类：特殊需求

1. 10. RAW（相机原始格式）

特点：相机传感器原始数据

不是真正的 PS 格式，但重要：

· 每个相机厂商有自己的 RAW 格式
· 包含最多的图像信息
· 需要在 Camera Raw 中处理

处理流程：

1. 1. 在 Camera Raw 中调整曝光、白平衡等
2. 2. 点击“打开图像”进入 Photoshop
3. 3. 编辑完成后另存为其他格式
4. 4. BMP（Windows 位图）

特点：无压缩，质量最好但体积最大

技术规格：

· 完全不压缩
· 支持 1 位、8 位、24 位颜色
· Windows 系统原生支持

什么时候用：

· ✅ Windows 系统图标
· ✅ 需要绝对无质量损失
· ❌ 其他情况几乎不用

1. 12. TGA（视频制作格式）

特点：支持 Alpha 通道，视频行业常用

技术规格：

· 支持 32 位（RGB+Alpha）
· 视频编辑软件兼容性好

什么时候用：

· ✅ 影视后期制作
· ✅ 游戏贴图制作
· ❌ 普通设计不用

1. 13. ICO（Windows 图标）

特点：Windows 图标专用格式

保存方法：

1. 1. 设计图标，建议尺寸：16×16, 32×32, 48×48, 256×256
2. 2. 文件 → 导出 → 快速导出为 PNG
3. 3. 使用在线转换工具转为 ICO
4. 4. 或使用专用图标制作软件

快速选择指南（收藏这张表）

用途场景 首选格式 备用格式 绝对不用
网页照片 JPEG（质量 85） WebP PNG（太大）
网页 Logo PNG-24 SVG JPEG（白边）
透明图标 PNG-24 GIF（简单） JPEG
简单动画 GIF WebP（动） PNG
印刷海报 TIFF（CMYK） PDF JPEG
客户预览 PDF JPEG（高质） PSD
源文件存档 PSD TIFF（带层） JPEG
社交媒体 JPEG（72ppi） PNG（有文字） TIFF
产品展示 JPEG（100） WebP GIF
矢量交换 EPS PDF JPEG

高手才知道的 5 个技巧

技巧 1：智能格式转换工作流

设计阶段：PSD（随时保存）客户预览：PDF（可批注）或JPEG（高质）网页使用：导出为 → 同时生成：          - JPEG（兼容旧浏览器）          - WebP（现代浏览器）印刷使用：TIFF（CMYK，300ppi）源文件存档：PSD + PDF（双备份）

技巧 2：批量格式转换

1. 1. 文件 → 脚本 → 图像处理器
2. 2. 选择源文件夹
3. 3. 设置输出格式和品质
4. 4. 调整尺寸（可选）
5. 5. 运行，自动批量处理

技巧 3：透明背景检查法

1. 1. 保存 PNG 前，隐藏所有图层
2. 2. 只显示需要透明的部分
3. 3. 背景应该是灰白格子
4. 4. 保存时一定要勾选“透明区域”

技巧 4：印刷安全四步检查

1. 1. 模式检查：图像 → 模式 → CMYK 颜色
2. 2. 分辨率检查：图像 → 图像大小 → 300ppi
3. 3. 出血检查：四周各加 3mm 出血边
4. 4. 字体转曲：文字图层右键 → 转换为形状

技巧 5：网页优化三原则

1. 1. 尺寸合适：不要用 3000px 图片显示为 300px
2. 2. 格式正确：照片用 JPEG，图形用 PNG
3. 3. 压缩到位：使用 TinyPNG 等工具二次压缩

常见灾难现场拯救方案

灾难 1：客户说“打不开 PSD”

解决方案：

1. 1. 立即另存为 PDF 发送
2. 2. 同时提供高质量 JPEG 预览
3. 3. 询问是否需要其他格式
4. 4. 预防措施：首次沟通就问清需求格式

灾难 2：印刷颜色全错

解决方案：

1. 1. 检查图像模式：必须是 CMYK
2. 2. 检查颜色配置文件：最好是 CMYK IEC61966-2.1
3. 3. 重新输出 TIFF 或 PDF
4. 4. 预防措施：打小样确认颜色

灾难 3：透明背景变白底

解决方案：

1. 1. 重新打开 PSD
2. 2. 确保背景图层是透明的
3. 3. 重新导出为 PNG-24
4. 4. 勾选“透明区域”
5. 5. 预防措施：保存前肉眼确认透明背景

灾难 4：文件体积太大发不出

解决方案：

· JPEG 太大：降低质量到 85，或调整尺寸
· PNG 太大：使用 PNG-8，或在线压缩
· PSD 太大：合并图层，删除历史记录
· 通用方案：使用网盘分享链接

移动端特别提醒

手机海报设计：

· 格式：PNG-24（保证文字清晰）
· 分辨率：72ppi 足够
· 尺寸：按手机屏幕尺寸设计
· 颜色：sRGB（手机屏幕显示标准）

微信图片优化：

· 大小：单图小于 5MB，长图小于 1MB
· 格式：JPEG（微信会自动压缩）
· 技巧：重要信息放在图片上半部分

最终决策流程图

开始↓问：需要再次编辑吗？是 → 保存为PSD否 →↓问：用于网页还是印刷？网页 →    问：需要透明背景吗？    是 → 保存为PNG-24    否 → 保存为JPEG（质量85）印刷 →    问：专业印刷吗？    是 → 保存为TIFF（CMYK）    否 → 保存为PDF↓问：需要给客户预览吗？是 → 另存一份高质量JPEG或PDF否 → 完成

赠送：格式选择速查表（保存到手机）

一句话总结版：

· 要编辑：PSD
· 要印刷：TIFF/PDF（CMYK）
· 要透明：PNG-24
· 要网页：JPEG（照片）/PNG（图形）
· 要通用：PDF
· 要动画：GIF
· 要最小：WebP

行动指南

今天就能做的三件事：

1. 1. 检查你的工作流程：你现在用的格式对吗？
2. 2. 清理旧文件：把不该存为 PSD 的转成合适格式
3. 3. 建立模板：为不同项目创建标准输出设置

评论区互动：
你最常遇到的格式问题是什么？
有没有因为格式问题闹过笑话？
你还想知道哪种格式的细节？

如果这篇指南帮你避免了未来的一次格式灾难：

1. 1. 点赞让更多人看到
2. 2. 关注我，下期分享《PS 导出设置的 22 个隐藏选项》
3. 3. 分享给你的设计伙伴，别再为格式纠结

记住：专业从细节开始，格式选择就是第一个专业细节。

你的设计质量，从选择正确格式开始。

我是你的设计伙伴，我们评论区见！