WordPressで作ったサイト、画像が指定よりも小さく表示されてしまうのを解消する

画像表示に指定サイズがあるのに、思い通りのサイズで画像表示をできない

例えば、月極広告の掲載を契約して、依頼者からは400かける100サイズでバナーを表示する契約をしたとします。ところが、Wordpressで制作したサイトにそのバナーを貼り付けると指定したサイズより小さく表示されてしまい、いくら見直しても直せないという経験をしたことがあります。

見直した点は、ブラウザによる表示の違い、画像のサイズ指定文widthとheightの確認、他のパソコンでの表示確認です。ブラウザによる表示の違いなし、widthとheightは正しく指定されていて、他のパソコンでもやっぱり小さく表示されてしまいました。これでは契約違反、月極広告料金を頂くことができません。

プラグインの設定を見直すと、直りました

WordPressのプラグインが怪しいと思い、一つひとつ設定を見ていきました。画像を直接コントロールしたりするプラグインをインストールしてはいなかったのですが、インストールしていたプラグインの一つにJetpack by WordPress.comというのがありまして、その中にPhotonという機能がありました。いかにも名前が怪しいですね。画像を何かしていそうです。

Jetpack by WordPress.comの解説文

「WordPress.com クラウドサービスのパワーをインストール型 WordPress にも取り入れましょう。Jetpack を使えば、ブログを WordPress.com アカウントと連携させ、便利な機能を利用できます。」と、書いてあります。

Photonの解説

「WordPress.com の CDN (コンテンツ・デリバリー・ネットワーク) から画像を読み込ませ、サイトを高速化しましょう。画像をキャッシュし、高速なネットワークから提供することで、あなたのサーバーの負荷をワンクリックで低減できます。」と、書いてあります。

サイトの負荷を低減させてくれるのは良いのですが、縮小して表示されては困ります。この機能をオフにすることで解決いたしました。