拉参考线量像素距离
在线工具箱 / 图像媒体
像素标尺:在图片上拉参考线,量出元素之间的距离,单位是图片文件本身的像素 —— 和屏幕显示大小无关,所以读数准,可以拿来对设计稿。做前端还原、切图标注、量间距都能用。图片只在本机读取,不上传。
图片缩放之后,一个屏幕像素往往对应好几个原图像素,鼠标挪一格线会跳好几像素,这是正常的。用旁边的逐像素按钮微调就行,页面上的「缩放比」那一行能看到当前的倍数。
如果这张图是 2 倍图或 3 倍图,实际设计稿尺寸要按倍率除一下:2 倍图里量到 200px,对应的 CSS 像素是 100px(iOS 上就是 100pt)。拿不准的话,先看图里的文字或图标是不是比正常尺寸大一倍。