调用img url到移动设备时如何修复像素缺陷?

Mat*_*ias 5 javascript jquery html5 azure-storage-blobs

我正在使用azure web存储将图像文件存储为blob.当我将theese图像的图像URL调用到计算机时,它们工作正常.然而,当他们将它们称为移动设备(iOS)时,它们有时会得到一些奇怪的像素和/或有时重复自身,但并非总是如此.我在下面放了两个例子,你可以看到一张图片分成两半,另一张图片上面加了一些蓝色的油漆在此输入图像描述

在此输入图像描述

如果有人对可能导致这种情况的原因有任何疑问,请告诉我!

编辑:我注意到可能搞乱的照片在存储大小为1MB +时更大,而其他大约200kb的照片似乎做得很好,这可能与它有关吗?

Mat*_*ias 1

我现在可以确认这是由于实际的 blob 大小造成的,我编写了一个服务器端代码来将每个图像的大小调整到 100kb 以下,并且从那以后就没有出现过问题