iPhone/iPad の Safari で、2 本の指を使用してアルファ チャネル付きの PNG を含む Web ページをズームすると、特定のズーム レベルで明らかなレンダリング エラー (縦縞) が発生します。
誰もこれに対する回避策を知っていますか?
iPhone/iPad の Safari で、2 本の指を使用してアルファ チャネル付きの PNG を含む Web ページをズームすると、特定のズーム レベルで明らかなレンダリング エラー (縦縞) が発生します。
誰もこれに対する回避策を知っていますか?
これは、画像がわずかに拡大されたときに発生するサンプリング アーティファクトのようです (デバイス上でレンダリングされたサイズが元の画像のサイズよりもわずかに大きい場合)。おそらくレンダリングエンジンのバグです。
回避策は、画像からアルファ チャネルを削除することです (すべてのピクセルを不透明にするだけでは十分ではありません。実際には、アルファ チャネルのない PNG にする必要があります)。透明性を維持する回避策をまだ見つけることができませんでした。
これは、グレースケールPNG 形式によって公開された Safari のバグです。画像をパレットまたは 24 ビット RGB に変換することで回避できます。
このバグはしばらく見ていなかったので、現在の iOS バージョンでは修正されていると思います。