图片尺寸会影响但不能决定文件大小
分别测量像素网格与编码字节,再按真实接收端测试尺寸、格式和质量。
分别测量像素网格与编码字节,再按真实接收端测试尺寸、格式和质量。
宽度 × 高度等于像素数,不等于编码文件字节。
文件大小是某个 PNG、JPEG 或 WebP 输出的实际字节数。
CSS 或文档中的显示尺寸可以不同于文件固有像素尺寸。
从 2400 × 1600 源图生成 1200 × 800。预期像素数从 384 万降到 96 万。记录源图与输出的 MIME、字节和视觉结果;只有实际测量 Blob 后,才能说明字节减少了多少。
纯色图表与噪点丰富的照片都可能是 1200 × 800,但压缩结果不同。PNG、JPEG、WebP 的编码结构也不同,JPEG/WebP 质量值只是浏览器提示,不是目标字节预算。
读取接收端的像素、MIME 与字节限制。
选择能保留必要细节和密度的最小尺寸。
按透明度、内容与接收端支持选择格式。
每次从原图生成,检查失真、测量字节,并一次只调整一个变量。
宽度减半不等于整个像素网格减半;质量 0.8 不表示文件大小 80%;本工具不控制 PNG 质量;放大小图不能恢复细节;重复导出 JPEG/WebP 可能累积失真。
为每个候选结果记录源文件名、源图与输出尺寸、选择和实际 MIME、适用时的质量提示、输出字节、可见缺陷与接收端测试。保留源图,因为浏览器编码器与要求会变化。
常见问题
文件头、透明度、内容复杂度和编码变化可能占主导;这个示例只保证像素数变为四分之一。
可能。简单画面或更激进编码可以比小尺寸复杂图更小,但画质与用途未必相同。
先满足构图与像素要求,再选接收端接受的格式,最后在检查实际输出和字节时调整有损质量。
延伸阅读
继续探索