WebP在同等观感下通常比PNG/JPG更小,适合网页图片、UI素材、运营图等。透明图可用有损或无损WebP替代PNG。
1)文件 > 导出 > 导出为。
2)格式选择 WebP。
3)根据是否需要透明通道,勾选“透明度”。
1)质量(Quality):越高越清晰也越大。UI与文字边缘建议先从 70-85 试起。
2)无损(Lossless):适合纯色块/图标/需要极干净边缘的素材,但体积可能更大。
3)尺寸:尽量在源文件里就做成目标尺寸,避免导出阶段缩放引入模糊。
1)照片类:有损WebP,质量 60-75 往往足够。
2)透明UI元素:先试有损WebP 70-85;如果边缘出现脏点,再切到无损。
3)图标/纯色块:优先无损WebP或PNG(看体积对比)。
1)以100%查看边缘,特别是小字和细线。
2)在浏览器里实际加载测试,确认透明、色彩与锐利度符合预期。
1)导出后发虚:多半是导出时缩放或源文件分辨率不匹配。
2)透明边缘发灰:尝试更高质量或切到无损,或检查源图是否已有半透明边缘。