ICO避坑指南
写这篇的是老周,平面设计师,接单十年。说资历不是为了好看——客户张口要PSD,最后交付全是JPG,方法因此更经得起念。
热身结束。下面是ICO的正式动作,做错一步我都会标出来。
先把标准定死,再用工具批量处理,最后按硬指标筛,ICO十分钟收工。
| 格式 | 透明通道 | 压缩方式 | 位深 | 典型用途 |
|---|---|---|---|---|
| JPG/JPEG | 不支持 | 有损压缩 | 24位 | 网页照片 |
| PNG | 支持 | 无损压缩 | 24位加透明 | 截图Logo图标 |
| WebP | 支持 | 有损无损均可 | 24位加透明 | 现代网页推荐 |
| GIF | 支持 | 调色板 | 8位256色 | 动图表情包 |
| BMP | 不支持 | 基本无压缩 | 24位 | 老系统位图 |
| TIFF | 支持 | 无损 | 16位通道 | 印刷制版 |
| ICO | 支持 | 无损 | 多尺寸 | 网站小图标 |
| RAW | 不适用 | 相机原始数据 | 12到14位 | 底片转JPG |
| SVG | 矢量 | 矢量缩放 | 无限缩放 | Logo线稿 |
| HEIC | 不支持 | 高效压缩 | 10位 | 苹果手机相册 |
先把格式与特性理顺
别被术语唬住,ICO说到底就是PNG无损,带文字和Logo的图别存JPG,动手就懂。
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
别文字边缘全是色块——这是新手在ICO上栽得最多的地方。
RAW直接投稿
多数平台不认RAW,先转JPG,在网页素材这么干等于白忙,立刻改。
批量不管尺寸
别大图缩成小图,网页依然慢——这是新手在ICO上栽得最多的地方。
拿下转换疑问的动作
ICO:TIFF和JPG差在哪?
直接说:TIFF无损常带图层,印刷制版用,文件很大。ICO的判断权在你,工具只负责给数。
ICO:JPG能保留透明吗?
直接说:不能,透明底请转PNG或WebP。ICO的判断权在你,工具只负责给数。
ICO:WebP什么软件打不开?
答案不绕弯:老版本Office和个别系统预览不认,转JPG最通用,照这个口径在网页素材用就行。
ICO:RAW怎么转JPG?
直接说:用相机厂商软件或在线工具批量导出。ICO的判断权在你,工具只负责给数。
ICO:店铺主图要什么格式?
答案不绕弯:一般JPG白底,边长800像素以上,照这个口径在网页素材用就行。
先把转换细节理顺
- 老手都在做:网页素材优先WebP,网页素材里特别管用。
- Logo和截图别用JPG,现在就记进你的ICO动作里。
- 硬要求:批量转换先试一张。
- 老手都在做:文件名带上尺寸好找,网页素材里特别管用。
- 透明底拿PNG兜底,现在就记进你的ICO动作里。
- 硬要求:交付前先在目标软件里打开试。
先把这次转换理顺
口令就到这。ICO真正难的不是没选项,是你肯不肯现在就做第一组。