SheepDev

数值、单位与位

改变图片宽度时如何处理比例与小数?

使用工具

只想指定图片宽度,编辑器却要求高度;保持比例又得到小数。数学结果与文件接受的尺寸是两个问题。先用比率工具求值,再决定整数像素和容纳方式,避免无意拉伸或裁剪。

把 1920×1080 化为 16:9

原图宽与高
1920 : 1080 = 16 : 9

选择约分,分别输入 1920、1080。16:9 描述形状,不决定显示大小。320×180 与 1920×1080 比例相同但像素数不同,不能等同画质或细节。

竖图需注意顺序:1080×1920 是 9:16。若仍用 16:9,算式有效却对应错误形状。统一宽:高,并检查旋转后的尺寸。

指定宽度,计算另一边

宽 320 时的计算
ratio = 16:9
width = 320
height = 320 × 9 ÷ 16 = 180

比例可求另一边,但当前比率工具的对应输入栏不能直接接受比例写法。这里用高精度电计算 320*9/16 得高 180,再用 180*16/9 回到宽 320。不需界面未提供的已知边选择,往返可检查宽高颠倒。

工具不读取图片尺寸,比率由你指定。不要默认所有视频都是 16:9,应检查素材。正方形图标或竖视频输入错误比率时,工具无法识别;算式正确不能保证前提正确。

宽 321 时,高度不是整数

不同取整方式的尺寸
321 × 9 ÷ 16 = 180.5625
floor   → 180
nearest → 181
ceil    → 181

高精度电算 321*9/16 得 180.5625。若图片需整数像素,应在使用处明确向下、四舍五入或向上,不把电算有效位数当整数像素取整。181 略改比例,应保留原始尺寸。

精确整数 16:9 可用 16 与 9 的相同倍数,320×180 后是 336×189。但最大宽 321 无法容纳 336。需先判断比例与边界约束,必要时留白或裁剪。

完整放入与铺满框不是一回事

16:9 图片与 300×200 框
width 300 → height 168.75
height 200 → width 355.555…

按宽 300 得高 168.75,在 300×200 框中上下留白;按高 200 得宽约 355.56,铺满需裁左右。强制 300×200 则把 16:9 变为 3:2。意外布局可能是尚未选择留白、裁剪或变形,而非算错。

工具不缩放或裁剪文件,只估算尺寸。实际图片与 CSS 需另查。CSS aspect-ratio 也受其他尺寸约束;应检查成品中的脸和文字,而非只凭数字保证构图。

交付尺寸时说明取整方式和用途

只交付“高度 181”无法表达意图。应写原比率 16:9、宽 321、计算高 180.5625 四舍五入为 181、不裁剪。CSS 显示像素与导出图片像素不同时也应分别注明。

保留原比例、新宽高和取整规则。检查关系可用小样例数字。工具只需尺寸而无需上传图片,因此能讨论大小而不发送未公开或内部素材。

参考资料

使用工具

指南 →