👾

Image resolution on phone

图像简介

以我的手机(iPhone8)为例.

屏幕尺寸

4.7英寸

1英寸 = 2.54厘米

屏幕尺寸是对角线长度, 可以用勾股定理算出.

Point

375 * 667

平时开发都是以此为单位, 比如默认字体为14, 就是14pt.

Pixel

750 * 1334

1pt = 2px (iPhone8)

平时的图标有原图/@2x/@3x就是给不同分辨率iPhone做适配.

总结与实践

手机截屏, 会得到一张分辨率为 750 * 1334 的图片, 放到百度存储:

原图

300px宽度

500px宽度

700px宽度

900px宽度

2000px宽度

<Image source={{ uri: url }}
  resizeMode="contain"
  style={{ width: 100, height: 178 }}
/>

以原图为标准, 300和500的会失真, 700的与原图近似, 900与2000的就有点浪费.

用我的iPhone8竖直拍摄一张照片, 大约是 3024 * 4032 像素, 大小在2.2MB左右, 所以如果只展示一个普通的图片缩略图, 没必要拉取原图.


在我们一生中,命运赐予我们每个人三个导师,三个朋友,三名敌人,三个挚爱。但这十二人总是不以真面目示人,总要等到我们爱上他们、离开他们、或与他们对抗时,才能知道他们是其中哪种角色。