uni-app nvue 安卓image长图模糊会被压缩到很小

uni-app nvue 安卓image长图模糊会被压缩到很小

开发环境 版本号 项目创建方式
Windows Win10 22H2 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Windows

手机系统：Android

手机系统版本号：Android 12

手机厂商：华为

手机机型：荣耀X40i

页面类型：nvue

vue版本：vue3

打包方式：云端

示例代码：
![image](http://yzxcdnstatic.guoguoenglish.com//uploads/20250707/82f81b9f38800ecdf5e82efff6b049ac/bc38e7a8c5ff3ddede00877b0a5ff6c1.png)

操作步骤：
![image](http://yzxcdnstatic.guoguoenglish.com//uploads/20250707/82f81b9f38800ecdf5e82efff6b049ac/bc38e7a8c5ff3ddede00877b0a5ff6c1.png)

预期结果：
无压缩全保真显示

实际结果：
被编译器压缩

bug描述：
nvue 安卓 image组件  长图模糊，会自动压缩为原本三分之一的大小。

更多关于uni-app nvue 安卓image长图模糊会被压缩到很小的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

有人来回答下吗？

更多关于uni-app nvue 安卓image长图模糊会被压缩到很小的实战教程也可以访问 https://www.itying.com/category-93-b0.html


放在 vue 页面上就正常吗？

是的，在vue页面就正常

nuve页面下虽然可以用webview替代，但是部分厂商vivo不认页面布局边界有X的

而且，nvue webview渲染能力很差

回复 1***@163.com: 你没有给image设置什么样式吗？

回复 DCloud_UNI_yuhe: 肯定没有设置，你用安卓手机 在 nvue页面放个很长的图片试一下就知道了，同样的代码ios没被压缩，安卓被压缩。

在 nvue 页面中，Android 平台的 image 组件默认会对长图进行尺寸优化，可能导致显示模糊。这是由于 nvue 渲染机制与原生性能优化策略所致。

建议尝试以下解决方案：

  1. 设置 resize 属性为 none，禁用默认的缩放行为：
<image resize="none" src="your-image-url"></image>
  1. 对于需要精确控制尺寸的长图，可以显式指定宽高：
<image style="width: 实际宽度; height: 实际高度;" src="your-image-url"></image>
回到顶部