FaiChou

图像

05 Sep 2018

图像简介

以我的手机(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=
  resizeMode="contain"
  style=
/>

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

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


comments powered by Disqus