在 uni-app 中使用 uni.previewImage 预览图片时，如果在小程序（如微信小程序）中遇到图片不清晰的问题，尤其是在苹果手机上，可能是由于以下几个原因导致的。你可以根据这些原因进行排查和优化：

1. 图片本身分辨率不足

• 原因：如果图片本身的分辨率较低，预览时可能会显得模糊。
• 解决方法：确保上传的图片分辨率足够高。如果需要展示高清图片，建议使用原图或高分辨率版本。

2. 图片被压缩

• 原因：小程序平台（如微信小程序）会对图片进行压缩以减少加载时间，尤其是在移动端。
• 解决方法：
  • 使用 quality 参数控制图片质量（如果有）。
  • 确保图片的格式为 png 或 jpg，避免使用 webp 等可能被压缩的格式。
  • 如果图片较大，可以尝试分片加载或使用 CDN 加速。

3. 图片 URL 问题

• 原因：如果图片 URL 是动态生成的，或者使用了缩略图 URL，可能会导致预览时加载低质量图片。
• 解决方法：确保 uni.previewImage 中传入的图片 URL 是高清图片的地址，而不是缩略图。

4. 小程序平台的限制

• 原因：小程序平台可能对图片的显示尺寸或分辨率有限制，导致图片被缩放或压缩。
• 解决方法：
  • 检查图片的尺寸是否符合小程序平台的要求。
  • 如果图片尺寸过大，可以适当调整尺寸，但不要过度压缩。

5. 苹果手机的 Retina 屏幕问题

• 原因：苹果手机的 Retina 屏幕分辨率较高，如果图片的分辨率不足，会显得模糊。
• 解决方法：
  • 提供 2x 或 3x 的高清图片，以适配 Retina 屏幕。
  • 使用 image 组件的 mode 属性（如 aspectFit）来优化图片显示。

6. uni.previewImage 的配置问题

• 原因：uni.previewImage 的默认配置可能不适合高清图片的显示。
• 解决方法：
  • 检查 uni.previewImage 的配置，确保没有设置压缩参数。
  • 如果需要，可以自定义图片预览组件，以更好地控制图片的显示效果。

7. 网络问题

• 原因：如果网络较慢，可能会导致图片加载不完整或显示模糊。
• 解决方法：
  • 优化图片加载逻辑，使用 CDN 加速。
  • 在图片加载完成前显示占位图或加载动画。

示例代码

uni.previewImage({
  urls: ['https://example.com/high-quality-image.jpg'], // 确保传入高清图片 URL
  current: 'https://example.com/high-quality-image.jpg',
  success: () => {
    console.log('图片预览成功');
  },
  fail: (err) => {
    console.log('图片预览失败', err);
  }
});