表示アバターがぼやける

[青山]

お世話になります。

word balloonで設定したアバターの解像度が下がってしまい、投稿記事表示した際にぼやけてしまいます。
※wor balloonの設定画面上では綺麗に表示されます。

元の画像サイズが大きすぎたことが影響したのかと思い、サイズ縮小等も試したのですがぼやけたままです。
どうしたら良いでしょうか。

▼画像サイズ
元画像サイズ：1920*1920 150pixel/inch
記事での表示画像サイズ：96*96

▼使用環境
————–
Server software : Apache
Server OS : Linux
PHP version : 7.4.4
————–
WordPress version : 5.5.3
Multisite : false
Theme : colibri-wp
Word Balloon version : 4.14.3
Word Balloon PRO version : 4.14.0
————–
OS : Mac OS X
Browser : Safari 14.0.1
User Agent : Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.1 Safari/605.1.15
————–
Active Plugins :
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.7
Classic Editor 1.6
Colibri Page Builder 1.0.182
Colibri Page Builder PRO 1.0.219-pro
Contact Form 7 5.3
Defender 2.3.2
Forminator 1.14.6
Google XML Sitemaps 4.1.1
Hummingbird 2.7.0
Hustle 7.3.6
Indeed Ultimate Membership Pro 9.4
Jetpack by WordPress.com 9.1
Poll, Survey, Form & Quiz Maker by OpinionStage 19.7.1
Shortcodes Ultimate 5.9.4
Smush 3.7.3
Word Balloon 4.14.3
Word Balloon PRO 4.14.0
————–

[やーまん]

ご利用頂きまして誠にありがとうございます。

アバターの画像サイズ上限の設定変更はお済みでしょうか？

https://docs.back2nature.jp/word-balloon-pro/settings-and-text/#heading3_8

もし変更がお済みで無い場合は、ご指摘の点は仕様による可能性が高いです。

デフォルトではサイズ上限を512pxを基準としています。
それを超えるサイズの場合は、512px以下のサイズの大サイズ、中サイズやサムネイルの画像を選択する仕様です。

1920pxサイズの物をそのままご利用になる場合は、上限値を1920に変更してください。
変更後、登録済みのアバターの画像を再設定する事で、解消されると思います。

ちなみにこの仕様が出来た経緯は、とんでも無く大きいサイズの画像をそのまま登録され、Word Balloon使うとサイトの表示に時間がかかると苦情があった事を起因としています。

[青山]

ありがとうございます。
いただいた内容で対処してみたのですが、ぼやけが解消しませんでした….。

ぱっと見る限りには影響ないと思いますので、当方の設定他の部分見直してみます。
早急なご対応ありがとうございました。

[やーまん]

解消しないようでしたら、別の問題の可能性もあります。

現象の確認が取れるURLがありましたら、引き続き調査致します。

どうぞよろしくお願いいたします。

[やーまん]

ライセンス認証されているサイトを確認しました。

アバターの画像URLを確認したところ、
URLがhttps://i0.wp.com/から始まるアドレスに書き換わっています。

これはプラグインJetpackのキャッシュ機能、
サイトアクセラレーター (旧称 Photon)の影響です。

https://ja.jetpack.com/support/site-accelerator/

残念ながらこの機能が有効な限りは、Jetpackの機能で圧縮された画像が表示されます。

つまりWord Balloonで登録されている画像とは異なる画像が表示されています。

ちなみに貴殿のサイト内で使われている画像は、ほぼJetpackの機能で書き換わっています。

Word Balloon側で対処出来ない問題ですので、Jetpackの設定を見直すなど、
お願いいたします。