よもやまチョモランマ

スマホで一部のPNGが透過されない問題

保育園サイトを見ていて発覚したのですが、一部のPNG画像の背景が白くなっていました。
調べてみると、もう一ヶ所、見つかりました。

不思議なのは、その一部の画像だけで不具合が生じているということです。
他の画像はノープロブレム。
しかも、リロードするたびに、透過になったり白くなったりするのです。
怪奇現象・・・!

スマホのキャッシュクリアと電源オフを試してみました。
画像を書き出ししなおしてアップロードしなおしてみました。
他のサイトに貼り付けてHTMLやCSSに問題がないことを確認しました。

残る容疑者は WordPress です。
疑わしきはプラグイン。
3ケ月前に、表示速度を上げようと導入した「a3 Lazy Load」(→前記事)

これをオフにしたら、ちゃんと表示されるようになりました。

「lazysizes」って、何だろう?
画像遅延対策のようだけど、サイト内検索にもひっかからないし、導入した覚えがまったくない。
「a3 Lazy Load」とセットだったのかな?

とりあえず、この2つを停止して様子を見ます。
GTが、42/85 → 39/76に落ちるけど・・・

逆にPSIがまったく変化ないのが、不思議です。