SWELLとEWWW Image Optimizerの相性問題

contents

SWELLで吹き出しの丸枠が消えた

公式でも相性が悪いかも？と指摘されているEWWW Image Optimizer。

私が自分で相性悪いなと確認した部分は一点あります。

SWELLの機能で吹き出し機能で

表示するキャラの画像を丸枠処理しているのに
丸枠が表示されずに元の四角の画像のままってやつです。

コレ原因はEWWW Image Optimizer。

丸枠以外はしばらく使っていても特に不具合を感じていませんが
まだ私の気がついてない不具合があるのかもしれません。

不具合があるかも？と公式で書かれていてもEWWW Image Optimizerの便利さに魅了されちゃうと
なかなか手放せないので使い続けてます

EWWW Image Optimizerの設定画面で以下の部分を確認してください。

WebPの配信方法の項目の２つ目にチェックが入っていると丸枠が消失します。
なので<picture> WebPリライトのチェックを外して上記の画像のようにJS WebPリライトのチェックを入れてください。

びっくりな助手

これでちゃんと丸枠表示するようになります！