iPhone Safari 中的 PNG 图像呈现光栅化问题

Posted 2023-03-28

【中文标题】iPhone Safari 中的 PNG 图像呈现光栅化问题

【英文标题】：PNG image in iPhone safari is rendering with rasterization issues

【发布时间】：2020-08-24 06:45:48

【问题描述】：

我们有一个透明的背景PNG，在大多数浏览器中都能很好地呈现。有时它甚至在 ios Safari 中也能很好地呈现。但是很多时候在iOS safari 中，当图片的大小（div 中的宽度：100%）动态变化时，图片就会出现严重的光栅问题，如图所示。

有没有人看到这个，有没有办法解决它？

shows raster issues in the image as seen on iOS safari

【参考方案1】：

这确实没有解决根本问题，但我最终将图像作为 base64 数据而不是从 URL 加载。这似乎治愈了我的行为。