ブログ

【AFFINGER】ぼやける吹き出しアイコンの直し方

2022年7月3日

AFFINGER吹き出しぼやけ問題のアイキャッチ
  • 吹き出しアイコンがぼやけてしまって困る
  • 綺麗に表示するにはどうしたらいい?
  • 画像サイズを大きくしてもうまくいかない
  • 直し方を知りたい

こんなあなたへ向けた記事です。

結論として、Jetpackのサイト高速化設定を変更したらうまくいきました。設定変更するだけで、クリアに吹き出しアイコンを表示させることができるようになります。

画像のぼやけを直す前
[Before]ぼやけています
画像のぼやけを直したあと
[After]クリアになりました

どうでしょう?かなり鮮明になりますよね。

くわしく見ていきましょう。

スポンサーリンク

もくじ

ぼやけてしまう吹き出しアイコンをクリアに表示する方法

Jetpackサイト高速化設定を変更

Jetpackのサイト高速化設定を変更

  • ワードプレス管理画面からJetpackを選択し、「設定」へ進む
  • パフォーマンスタブ」を選択
  • 「パフォーマンスおよびスピード」内の「画像の読み込みをスピードアップ」をオフにする

上記のとおりです。

ひとつずつ見ていきましょう。

ワードプレス管理画面からJetpackを選択し、「設定」へ進む

Jetpackの設定へ進む
Jetpackの設定へ進みます

「パフォーマンスタブ」を選択

パフォーマンスタブを選択
パフォーマンスタブを選択します

「パフォーマンスおよびスピード」内の「画像の読み込みをスピードアップ」をオフにする

「画像の読み込みをスピードアップ」をオフにする
「画像の読み込みをスピードアップ」をオフにします

これで、画像のぼやけを解消できるはずです。

アフィンガー公式マニュアルによると100px以上の正方形を推奨していまして、あまり小さいと画像がぼやける原因になるそうです。

ちなみに私は482×482のサイズを使用しています。

ぜひ試してみてください。

今回は以上です。他にもAFFINGERについての記事がありますので、よければご覧ください。

関連記事

» AFFINGERに変えたら必須プラグインが不要になりました【AIOSEO】

-ブログ