图片尺寸计算器

使用场景

做 UI/UX 设计或者前端开发的朋友肯定遇到过这种情况：设计稿里有一张 1920×1080 的大图，但是要在 App 里显示一个 300×200 的缩略图，你得按比例缩放才不会变形。自己拿计算器算？麻烦还容易算错，特别是宽度固定要算高度，或者高度固定要算宽度的时候。用这个工具，输入原图尺寸和目标宽度或高度，自动就算出另一边的值了。

做电商运营或者社交媒体管理也经常用到。要上传商品图到淘宝、京东，每个平台对图片尺寸要求都不一样。主图要求 800×800，详情图要求 750 宽，高度不限但比例不能变。你把原图尺寸输进去，设置目标宽度，马上就知道高度会是多少，合理规划排版布局。

还有个很多人忽略的场景：做打印或者线下物料。打印分辨率和屏幕分辨率是两回事，300DPI 的印刷品需要的图片尺寸跟 72DPI 的网页图片完全不一样。你有一张 1200×800 的图片，要打印成 10 英寸宽的尺寸，算一下 DPI 够不够？这个工具也能帮你推算。

常见问题

问：计算出来的尺寸会不会导致图片变形？ 答：这个工具是按原图宽高比等比缩放的，所以不会变形。你只需要提供原图宽高，再指定目标宽度或目标高度中的一个，另一个值会自动按比例算出。如果同时指定宽高但比例不一致，就会出现变形。

问：能计算打印需要的分辨率（DPI）吗？ 答：可以间接使用。例如你知道打印尺寸是 10×8 英寸，图片像素是 3000×2400，可以算出 DPI 是 300。工具本身主要做等比缩放计算，加上 DPI 换算功能可以更全面。

问：计算出的新尺寸四舍五入会影响精度吗？ 答：工具会保留合理精度，一般取整到整数像素。对于网页显示和设备渲染来说，整数像素已经足够精确，不会产生可见的显示差异。

相关工具推荐

• 颜色选择器 - 选取和转换颜色值
• 渐变生成器 - 生成 CSS 渐变代码
• 占位图片生成器 - 按尺寸生成占位图片