FIELD NOTE / 03
更小的文件,同样的第一眼质感
实用的格式选择、尺寸调整和压缩流程。
先调整尺寸,再压缩
超大图片配极低画质通常不是理想的第一步。先确定最大展示宽度,再按需要考虑高密度屏幕,然后调整尺寸。例如卡片显示宽度为 500 CSS 像素,1000 像素宽的图片可作为 2 倍屏的起点,但这不是通用要求,应以实际布局为准。把原文件和发布文件分开保存。
按内容选择格式
JPEG 适合没有透明区域的摄影图。PNG 可保存锐利图形和透明信息,但摄影内容可能体积很大。WebP 支持透明,也适合网页交付。本站由浏览器执行编码,结果可能因浏览器不同而变化。导出 JPEG 会把透明区域铺成白色。本工具仅面向静态图片,动画转换可能只留下单帧。
比较画质缺陷,不只看百分比
先使用适中的画质设置,以实际展示尺寸对比输出。检查渐变断层、边缘光晕和细密纹理涂抹。画质数字是编码参数,并不是所有格式共用的质量评分。PNG 不使用相同的有损画质参数。如果导出文件比原图更大,应保留原图或换格式,不要假定每次转换都能节省空间。
让图片仍然可理解
替代文本应解释图片在当前页面中的用途。纯装饰图可留空,有信息作用的图则需要有效描述,避免堆砌关键词。本地工具通过画布重新导出,不主动复制原文件元数据;但它不是经过认证的元数据清理服务。如果隐私或来源标记很重要,请单独检查最终文件。