使用方法
- 打开页面就有一张服务端直出的示例图,它不是空白占位:宽高 1200 × 630 已经写在结果区里。脚本跑起来后会用这张图实际读出的宽高复算并覆盖同一段文案。
- 「选择图片」可一次选多张,支持 PNG、JPG、WebP、GIF 与 SVG。每张图只读取它的像素宽高与文件大小,图片内容不会上传,读完立刻释放临时地址。
- 「已知宽度」「已知高度」是手填区,示例填 1200 与 630。手上没有图、只知道尺寸时走这条路径,改动任一栏后按回车即重算。
- 结果区给出宽、高、宽高比与总像素,随后换算 300dpi 的打印尺寸;上方卡片另外列出百万像素、未压缩位图体积与双倍像素比的建议宽度。
- 选多张图时,结果区显示第一张的完整换算,其余各张的宽高与体积按顺序列在下方清单里。
- 常见分辨率对照表默认展开六行,点「加载更多」看全十二行;「复制对照表」按制表符分隔,「导出 CSV」带 UTF-8 BOM 可直接用表格软件打开。
这个图片尺寸查询能解决什么问题
“这张图多大”是一个被问得最多、却最容易被含糊过去的问题,因为答案取决于问的是像素、是文件,还是打印出来。像素尺寸由宽乘高决定,文件大小由压缩率决定,打印尺寸由 DPI 决定,三者互不可推。本页把像素、比例、打印尺寸与未压缩体积放在同一屏,先回答“有多少像素”,再回答“按 300dpi 打出来多大”。
本页只做读取,不做修改。名字相近的两个工具做的是调整:图片尺寸调整会按目标宽高重采样像素,调整尺寸图片像素同样会缩放画面;若目标是压缩文件体积,则走图片压缩工具。它们的共同前提是先知道当前尺寸是多少,这正是本页提供的只读查询。
计算原理与变量说明
- 总像素 = 宽 × 高:示例 1200 × 630 = 756,000。它只由像素边长决定,与压缩、颜色模式无关。
- 宽高比 = 宽与高约分:1200 与 630 的最大公约数是 30,约分得 40:21,换算成比值约 1.905。
- 打印英寸 = 像素 ÷ DPI:示例 1200 ÷ 300 = 4 in,630 ÷ 300 = 2.1 in。
- 厘米 = 英寸 × 2.54:4 × 2.54 = 10.16 cm,2.1 × 2.54 = 5.33 cm。
- 未压缩位图字节 = 总像素 × 通道字节:RGB24 每像素 3 字节,RGBA32 每像素 4 字节。示例 756,000 × 3 ÷ 1048576 = 2.16 MB,乘 4 得 2.88 MB。
为什么 DPI 改了而像素不变:DPI 是写进图片元数据的一个比率,只用于换算“每英寸排多少像素”。把同一张 1920 × 1080 的 DPI 从 72 改成 300,它的 2,073,600 个像素一个都不动,变的只是“按 300dpi 打印时是 6.4 英寸宽”这个换算结果,也就是从 26.67 英寸缩到 6.4 英寸。
为什么文件大小推不出像素:JPEG 用有损压缩,同尺寸的两张图按不同质量保存,文件体积能差好几倍;PNG 用无损压缩,画面越单一压得越小。所以“2 MB 的图”可能是一千万像素的纯色块,也可能是两百万像素的照片,体积本身不含像素信息,两个量之间没有固定公式。
为什么网页显示尺寸与像素无关:页面里图片的显示宽高由 CSS 决定,一张 3840 × 2160 的图可以被显示成 200 × 112 的缩略图。想弄清“这张图多大”,必须先确认问的是原始像素、是文件体积,还是它在页面上的显示尺寸,三者回答的是不同问题。
为什么手机要做双倍像素:手机屏幕的设备像素比常为 2 或 3,一个 300 CSS 像素宽的图位,在双倍屏幕上要占 600 个物理像素才够清晰。做高清图时的目标像素就是“CSS 宽度 × DPR”,这也是结果区给出双倍建议宽度的原因;DPR=2 时 1200 像素的图对应 600 CSS 像素。
为什么宽高比要用最简整数比:直接用宽除以高得到的是小数,读数时不易比较;约分后的整数比能一眼看出构图。1200 与 630 约分后是 40:21,与社交平台常用的 1.91:1 只差千分之几,属于同一档构图。
完整示例(数值仅作演示)
示例条件:示例图 1200 × 630,结果按本页自己的算法复算得到。
- 总像素:1200 × 630 = 756,000,即 0.76 MP。
- 宽高比:最大公约数 30,约分得 40:21,比值约 1.905。
- 300dpi 打印:1200 ÷ 300 = 4 in、630 ÷ 300 = 2.1 in,即 10.16 × 5.33 cm。
- 未压缩体积:756,000 × 3 ÷ 1048576 = 2.16 MB(RGB24),乘 4 得 2.88 MB(RGBA32)。
- 换成 1920 × 1080:总像素 2,073,600(2.07 MP),比例 16:9,300dpi 打印 16.26 × 9.14 cm,未压缩 RGB24 5.93 MB。
- 同一张 1920 × 1080 改成 72dpi:打印尺寸变成 26.67 × 15 in,而总像素仍是 2,073,600,一个像素都没少。
示例数值均为演示,不代表任何具体相机或平台的标准尺寸。
常见分辨率与打印尺寸对照表
工具区的对照表列出十二行常见分辨率,直接给总像素、百万像素、宽高比与 300dpi 打印尺寸;示例 1200 × 630 那一行是 756,000 像素与 10.16 × 5.33 cm。下表固定 1920 × 1080,只改 DPI,用来观察打印尺寸如何随 DPI 变化而像素不动。
| DPI | 打印宽(in) | 打印高(in) | 打印宽(cm) | 打印高(cm) |
|---|---|---|---|---|
| 72 | 26.67 | 15 | 67.73 | 38.1 |
| 96 | 20 | 11.25 | 50.8 | 28.57 |
| 150 | 12.8 | 7.2 | 32.51 | 18.29 |
| 300 | 6.4 | 3.6 | 16.26 | 9.14 |
| 600 | 3.2 | 1.8 | 8.13 | 4.57 |
下表给出常见宽高比与它们的数值形式,方便把“40:21”换算成 1.905 这样的比值,也方便判断某张图属于哪一档构图。
| 宽高比 | 比值 | 典型场景 |
|---|---|---|
| 1:1 | 1 | 正方形头像与方图 |
| 4:3 | 1.333 | 老式电视与传统相机 |
| 3:2 | 1.5 | 单反默认 |
| 16:9 | 1.778 | 现代视频与显示器 |
| 21:9 | 2.333 | 超宽屏 |
| 9:16 | 0.563 | 竖屏短视频 |
| 4:5 | 0.8 | 竖版社交图 |
| 1.91:1 | 1.91 | 社交大图上限(1200×630 = 1.905) |
下表把常见分辨率的未压缩位图体积列出来,按每像素 3 字节与 4 字节两种口径算,实际文件体积通常远小于这里的数值,因为压缩会大幅削减。
| 分辨率 | 总像素 | RGB24(MB) | RGBA32(MB) |
|---|---|---|---|
| 640 × 480 | 307,200 | 0.88 | 1.17 |
| 1280 × 720 | 921,600 | 2.64 | 3.52 |
| 1920 × 1080 | 2,073,600 | 5.93 | 7.91 |
| 2560 × 1440 | 3,686,400 | 10.55 | 14.06 |
| 3840 × 2160 | 8,294,400 | 23.73 | 31.64 |
| 1080 × 1080 | 1,166,400 | 3.34 | 4.45 |
| 1200 × 630 | 756,000 | 2.16 | 2.88 |
| 2480 × 3508 | 8,699,840 | 24.89 | 33.19 |
结果边界、舍入与适用说明
- 文件选择支持 PNG、JPG、WebP、GIF 与 SVG,其他类型会被跳过并给出提示;多选时逐张读取,互不影响。
- 读取的是图片固有的像素宽高,不是 CSS 显示尺寸;SVG 这类矢量图读出的是它声明里的视口宽高。
- 手填宽高必须是大于 0 的整数,小数、0 与负数都会被拒绝并给出提示。
- 手填边长超过 10 万像素时提示确认单位,因为常规图片的边长极少到这个量级。
- 打印尺寸按 300dpi 计,厘米值用 1 英寸等于 2.54 厘米换算,保留两位小数。
- 未压缩体积按每像素 3 字节与 4 字节两种口径给出,不含压缩,也不含任何元数据。
- 宽高比按最简整数比给出,比值列保留三位小数;1.91:1 这类平台口径与实际像素比会有细微差。
- 结果只描述图片自身:不判断清晰度是否够用,也不针对具体平台的推荐尺寸做适配。
常见问题
打印尺寸算出来,为什么和实际打出来不一样?
本页的打印尺寸是“按 300dpi 换算”得到的结果,等于假设打印机以每英寸 300 像素输出。实际打印时如果软件里设成按纸张缩放、留了边距,或用了别的 DPI,成品尺寸就会变。像素总数不变,变的始终是每英寸排多少像素。
手机拍的照片,显示尺寸和像素为什么对不上?
照片的像素是相机传感器的原始宽高,显示尺寸则受查看软件与屏幕影响。手机屏幕的设备像素比常为 2 或 3,一个占 300 CSS 像素宽的图位要 600 到 900 个物理像素才够清晰,所以“看起来一样大”的两张图可能有完全不同的像素数。
为什么同一张图在不同软件里显示的 DPI 不同?
DPI 只是一段元数据,很多软件在读取或导出时会重写它。数值变了不代表像素变了,1920 × 1080 的图无论标 72dpi 还是 300dpi,像素总数都是 2,073,600;换算出的打印尺寸才随之改变。
宽高比 40:21 和 1.91:1 是一回事吗?
基本是同一档。1200 与 630 的最大公约数是 30,约分得 40:21,比值约 1.905;平台常用的 1.91:1 与它只差千分之几,属于同一构图。用整数比还是用小数比只是表述习惯不同。
选多张图时结果区显示哪一张?
结果区显示本次选择中的第一张,其余各张的宽高、总像素与文件大小按选择顺序列在下方清单里。若只想看某一张,单独选它即可,避免在多张之间来回对照。
能不能在这里直接改尺寸?
不能,本页只读不写。要缩放像素请用图片尺寸调整或调整尺寸图片像素,要压缩体积请用图片压缩工具。先在本页查清当前宽高,再去调整工具里填目标值,可以少改一轮。
这个工具免费吗?
免费,无需注册即可使用。
输入的数据安全吗?
安全。计算在当前浏览器本地完成,不会上传输入内容。
相关工具
- 图片尺寸调整:按目标宽高重采样像素,本页查清尺寸后可直接跳过去改。
- 调整尺寸图片像素:只改像素边长,不改变构图比例。
- 图片压缩工具:在保持像素的同时缩小文件体积。
- 图片压缩到 50KB:按体积上限反向调压缩率。
- 图片转 Base64 转换器:把图片编码成可直接内嵌的文本。