网页素材用得上的GIF指南
老周（平面设计师，接单十年）笔记一则。正因为客户张口要PSD，最后交付全是JPG，所以这篇只写能落地的部分。
我带新人第一堂课就教GIF，因为网页素材里它最容易拉开差距。
先把标准定死，再用工具批量处理，最后按硬指标筛，GIF十分钟收工。
| 格式 | 透明通道 | 压缩方式 | 位深 | 典型用途 |
|---|---|---|---|---|
| JPG/JPEG | 不支持 | 有损压缩 | 24位 | 网页照片 |
| PNG | 支持 | 无损压缩 | 24位加透明 | 截图Logo图标 |
| WebP | 支持 | 有损无损均可 | 24位加透明 | 现代网页推荐 |
| GIF | 支持 | 调色板 | 8位256色 | 动图表情包 |
| BMP | 不支持 | 基本无压缩 | 24位 | 老系统位图 |
| TIFF | 支持 | 无损 | 16位通道 | 印刷制版 |
| ICO | 支持 | 无损 | 多尺寸 | 网站小图标 |
| RAW | 不适用 | 相机原始数据 | 12到14位 | 底片转JPG |
| SVG | 矢量 | 矢量缩放 | 无限缩放 | Logo线稿 |
| HEIC | 不支持 | 高效压缩 | 10位 | 苹果手机相册 |
先把格式与特性理顺
JPG不支持透明背景，要透明就转PNG或WebP，这就是GIF的底线，网页素材里别含糊。
RAW是相机原始数据，必须转成JPG或PNG才能用——这条做到，网页素材里你已经赢过八成的人。
转换场合不绕弯子
店铺装修
店铺装修这种场子，记住证件照电子版就够了。
证件电子版
在证件电子版，印刷制版拿文件，别想复杂。
PPT插图
PPT插图里最实用的一条：旧照片扫描数字化。
转换步骤不绕弯子
- 搞清用途
网页、交付、印刷各有要求。挂在公开主页里偷懒跳过这步，后面全得补。
- 检查透明背景
动作要点：需要透明选PNG或WebP，做不到位不算完。
- 选目标格式
照片给JPG，素材给PNG。店铺装修里偷懒跳过这步，后面全得补。
- 导出设参数
动作要点：质量80左右，不放大看不出差，做不到位不算完。
- 批量抽查
逐张开一眼防转错。临时活动用一次里偷懒跳过这步，后面全得补。
拿下格式对照的动作
| 格式 | 透明背景 | 压缩方式 | 位深 | 常见用途 |
|---|---|---|---|---|
| JPG | 不支持 | 有损 | 24位真彩 | 照片网页 |
| PNG | 支持 | 无损 | 24位加透明 | 截图图标Logo |
| WebP | 支持 | 有损无损都有 | 24位加透明 | 现代网页 |
| GIF | 支持 | 调色板 | 8位256色 | 动图表情包 |
教练只补一句：通用交付优先JPG，要透明才上PNG，追体积用WebP，选哪条路先看你网页素材最想保哪头。
先把转换误区理顺
透明PNG转JPG
透明区域直接填白，图就废了，在网页素材这么干等于白忙，立刻改。
用JPG存Logo
别文字边缘全是色块——这是新手在GIF上栽得最多的地方。
RAW直接投稿
多数平台不认RAW，先转JPG，在网页素材这么干等于白忙，立刻改。
批量不管尺寸
别大图缩成小图，网页依然慢——这是新手在GIF上栽得最多的地方。
拿下转换疑问的动作
GIF：TIFF和JPG差在哪？
直接说：TIFF无损常带图层，印刷制版用，文件很大。GIF的判断权在你，工具只负责给数。
GIF：JPG能保留透明吗？
直接说：不能，透明底请转PNG或WebP。GIF的判断权在你，工具只负责给数。
GIF：WebP什么软件打不开？
答案不绕弯：老版本Office和个别系统预览不认，转JPG最通用，照这个口径在网页素材用就行。
GIF：RAW怎么转JPG？
直接说：用相机厂商软件或在线工具批量导出。GIF的判断权在你，工具只负责给数。
GIF：店铺主图要什么格式？
答案不绕弯：一般JPG白底，边长800像素以上，照这个口径在网页素材用就行。
先把转换细节理顺
- 透明底拿PNG兜底，现在就记进你的GIF动作里。
- 硬要求：交付前先在目标软件里打开试。
- 老手都在做：网页素材优先WebP，网页素材里特别管用。
- Logo和截图别用JPG，现在就记进你的GIF动作里。
- 硬要求：批量转换先试一张。
- 老手都在做：文件名带上尺寸好找，网页素材里特别管用。
先把这次转换理顺
口令就到这。GIF真正难的不是没选项，是你肯不肯现在就做第一组。