当前位置: 首页 > 知识库问答 >
问题:

React Native中图像的分辨率应该是多少?

颛孙和悌
2023-03-14

React Native组件是无单位的,并根据本页表示与密度无关的像素。

但是,当我创建图像时,其理想分辨率(以像素为单位)应该是多少?假设我有一个这样的标签:

<Image style={{width: 100, height: 100}} source={require('./img/myimage.png')} />

我应该把我的图像做多大,以确保它在所有设备上都能很好地渲染?

共有1个答案

林和畅
2023-03-14

在react本机文档中,它说您可以使用后缀@2.x和@3.x命名图像,以使图像在每个设备上都看起来正确。在您的图像文件夹中,您应该执行以下操作:

    .
├── button.js
└── img
    ├── check.png
    ├── check@2x.png
    └── check@3x.png

还有,提醒不要使用@2.x amd @3.x以外的其他值,因为当运行< code >时。/gradlew bundleRelease来构建您的生产应用程序,它会得到一个错误,而且它不会告诉您问题在于无法识别的后缀。

 类似资料:
  • 在Java 9中,已经推出了一种新的多分辨率图像API,支持具有不同分辨率变体的多个图像。 该API允许将具有不同分辨率的一组图像用作单个多分辨率图像。 以下是多分辨率图像的主要操作。 - 获取一个特定的图像,这是最好的变体,以指定的尺寸表示这个逻辑图像。 - 获取所有分辨率变体的可读列表。 示例 执行上面示例代码,得到以下结果 -

  • 使用Java 9,引入了一种新的多分辨率图像API,它支持具有不同分辨率变体的多个图像。 此API允许将具有不同分辨率的一组图像用作单个多分辨率图像。 以下是多分辨率图像的主要操作。 Image getResolutionVariant(double destImageWidth, double destImageHeight) - 获取特定图像,该图像是表示指定大小的逻辑图像的最佳变体。 Lis

  • 问题内容: 我需要使用Java程序减小图像的大小(而不是宽度和高度)。他们为此提供了任何好的API吗? 我需要将大小从1MB减少到大约50kb-100 kb。当然,分辨率会降低,但这并不重要。 问题答案: 这是工作代码 这段代码对我来说很棒。如果需要调整图像大小,则可以在此处更改x和y比例J;

  • 注意:Photoshop 提供了已更新的“图像大小”对话框。请参阅调整图像大小,以了解更多信息。 关于像素尺寸和打印图像分辨率 像素尺寸测量了沿图像的宽度和高度的总像素数。分辨率是指位图图像中的细节精细度,测量单位是像素/英寸 (ppi)。每英寸的像素越多,分辨率越高。一般来说,图像的分辨率越高,得到的印刷图像的质量就越好。两幅相同的图像,分辨率分别为 72 ppi 和 300 ppi;套印缩放比

  • 问题内容: 当网站输出到客户端时,我正在尝试优化网站的大小。缓存时,我分别只有1.9MB和29KB。问题在于,第一次加载包含的图像对于移动设备而言并未经过优化。它具有1080p分辨率。 因此,我正在寻找一种方法,该方法允许我首先加载低分辨率版本(),一旦网站加载完毕,请使用高分辨率版本- 甚至分辨率接近所用设备的分辨率版本(或只是) 。 就像每个人都期望的那样,使用CSS设置背景。它应用于主体,整

  • 问题内容: 情况:我有一张图片,用户可以在上面添加文本,在其中更改颜色,大小,位置,旋转度,字体大小等,我需要将所有这些文本保存在一张图像中。没关系,我通过使用图形缓存保存它们。 问题:由于用户设备的屏幕尺寸,结果图像可能很小。我需要此图像的分辨率为1500-2000像素。如果仅调整此图像的大小,则文本看起来模糊并且不如在屏幕上显示的那样好。 问题:还有其他方法可以将文本视图另存为图像,而不仅仅是