【wordpress】AFFINGER 5 会話吹き出し画像がぼやけるときの直し方を解説!

AFFINGER5で会話吹き出しを使うのですが、
アイコン画像がぼやけてしまい悩みでした。

こんな感じでピントが合わないんです・・・

自分で調べていろいろやってみました。

試してみたこと

  • アイコンの画素数を小さくした
  • プラグインの画像圧縮をしない
  • アイコンサイズの縮小をした

でも、やっても直りませんでした・・・

アイコンをきれいにしたい!っと、
ずっと考えていました。

そして、ようやくできたんです!!
答えは意外なところにありました。

画像がきれいになったのが、こちら☟

それでは、やり方の説明を進めますね!

目次

AFFINGER 吹き出し画像がぼやける原因は【Jetpack】プラグインだった!

僕の場合はこの「Jetpack」が原因でした。

「Jetpack」には、サイトの高速化をする機能があります。

画像を最適化して表示を速くしてくれるようです。

この表示を速くするところに、
画像のぼやけが関係していました。

画像の読み込みをスピードアップすることで、
画質が悪くなっていたんです。

Jetpackの設定で問題が解決できます!

画像をきれいにする方法

設定はとてもカンタンです!

Jetpack  >> 設定 >> パフォーマンス を選び、

「画像の読み込みをスピードアップ」をOFFにする。

これだけできれいになったんです。

原因がわかって、解決した時はうれしかったー! カンタンなことだけど、たどり着くのに苦労しました。

まとめ

本記事のまとめです。

アイコン画像のぼやけを直すには
  • アイコン画像がぼやける原因は「Jetpack」プラグインの影響
  • 「Jetpack」の設定で直せる
  • 「画像の読み込みをスピードアップ」をOFFにして解決!

僕の場合は、これで解決できました。
試す価値はあると思いますよ!

ちょっとご紹介。

ブログをうまく書けないって悩みありませんか?

こちらの記事も参考になればうれしいです。

よかったらシェアしてね!
  • URLをコピーしました!
目次