微信怎么处理未查看的图片？

Question

默认是略微模糊的

等点击打开之后就加载原图了，仔细看，是不清晰了？

是怎么处理的默认情况？

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

微信怎么处理未查看的图片？

你好！你遇到的问题是微信在未查看图片时显示模糊的图片，然后点击打开后加载原图的问题。

微信使用的是一种技术叫做"Lazy Load"，它可以在用户需要时才加载图片，而不是在页面加载时就加载所有图片。这可以提高页面加载速度和减少网络流量。

在微信中，未查看的图片是使用 Base64 编码的， Base64 编码后的图片是一个字符串，而不是一个二进制文件。这样可以减少网络流量和提高加载速度。

当用户点击打开图片时，微信会将 Base64 编码的字符串解码成原图，然后显示在页面上。

如果你想在自己的项目中实现类似的功能，可以使用 JavaScript 库如 lazyload 或者使用 HTML5 的 <picture> 标签来实现 Lazy Load。

例如，你可以使用 lazyload 库：

<script src="lazyload.min.js"></script>
<img data-src="image.jpg" alt="图片" />

在上面的代码中，data-src 属性指定了图片的 URL，lazyload 库会在用户需要时加载图片。

如果你想使用 HTML5 的 <picture> 标签，可以使用以下代码：

<picture>
  <source srcset="image.jpg" type="image/jpeg" />
  <img src="image.jpg" alt="图片" />
</picture>

在上面的代码中，source 标签指定了图片的 URL 和类型，img 标签指定了图片的显示内容。

这些技术可以帮助你实现类似的功能，但需要根据你的具体需求和项目情况进行调整。