从2的幂到1024的翻倍序列示意,展示数量和表示方式
阅读口径

这里的像素尺寸指栅格图像本身的宽与高。算例不保证具体文件体积或画质;压缩方式、图像内容和输出设置仍需要分别观察。

先保留宽高比例

一张2048×1536像素的图片,宽高比是4∶3。将宽度变为1024,相当于乘以0.5,高度也乘以0.5得到768,因此结果是1024×768。若原图为1920×1080,缩到1024宽则高为576。公式是新高=原高×新宽÷原宽,宽和高同时乘同一个系数,人物和圆形才不会被横向挤压。

缩放与裁切解决不同问题

假设需要1024×1024的正方形封面,而原图为2048×1536。直接等比缩至1024×768会留下高度不足;强行拉到1024×1024会改变形状。可先按短边缩到1024,得到约1365×1024,再裁去左右多余部分。此时画面边缘会丢失,所以应先确定主体、文字和必要信息的位置,不能只满足尺寸数字。

网页中的1024未必占满1024个屏幕像素

原图宽度与页面显示宽度是两组数据。在内容栏只有360个CSS像素宽时,图片可以按比例显示为360宽;浏览器还会受到设备像素比和页面缩放影响。准备素材时先记录源图尺寸,再看实际布局宽度。把小图放大到1024只会增加输出采样点,不会自动恢复拍摄时没有记录的细节。

可执行检查单

  1. 01读取原图宽高并计算比例,先确认需要等比缩放还是固定比例裁切。
  2. 02输出一份副本,将目标宽度设为1024;如需裁切,检查主体和文字是否完整。
  3. 03分别在实际使用尺寸和放大视图观察边缘、文字与细线,再决定压缩参数。

一个常见问题

图片宽度减半,文件体积也会减半吗?

不一定。等比缩放使宽和高同时减半,像素总数会变为原来的四分之一;但文件还包含编码结构、元数据和压缩结果,字节数不会按固定比例缩小。两张同为1024×768的照片也可能大小不同。应查看输出文件的实际字节数,而不是把像素数直接当成文件体积。

处理不能整除的高度

若原图是1500×1000,按1024宽缩放后理论高度为682.666…,栅格图像需要整数高度,工具可能取683。这个一像素以内的取整差通常来自离散网格。记录最终尺寸即可;若制作要求严格的3∶2整数比例,可以选择1023×682,或按项目要求改用明确的裁切方案,不应默默拉伸整幅画面。