私のワードプレスに表示される写真がなんだか小さいんだよねと思った方へ

公開日時：2019年10月13日

最終更新日：2019年10月13日

ワードプレスでブログを書くとき、「自分のブログは何だか写真が小さいなぁ」と感じている方いらっしゃいませんか?
ワードプレスには、自動で写真サイズを縮小して取り込む機能が搭載されていて、この設定を小さいサイズにしたままにしていると、思ったよりもずっと小さなサイズで写真が取り込まれているのです。

こんにちは。Web集客のことをずばり言う「ズバリスト」、白藤沙織です。

ワードプレスでブログを書いているけれど、自分のブログの写真は小さいんだよねと思った方は、ぜひ読んでみてくださいね。

デジタルの写真データについて、ざっくり知っておこう

写真のサイズというと、実際のファイルサイズと画面に表示されているサイズのふたつの意味があるんですね。
実際のファイルサイズは、「メガバイト（MB）」とか「ギガバイト（GB）」という単位で表します。ワードブレスでは、写真のアップロードをするときに関係あります。2MB以上の写真はアップロードできないとか制限されている方もいるでしょう。そういうときに関係します。人間に例えると、体重かな。
一方、ブログ記事などの画面に表示されるサイズは、「ピクセル」という単位を使います。ピクセルは、ディスプレイとかの出力装置でカラー画像を表す最小単位です。が、よくわかんないなとか思っちゃいますよね。そうだなぁ、人間でいうと見た目ですかね。

見た目と体重って、関連があまりないでしょう。小さく見える人でも案外体重があったり、背の高い人でも体重はあまりなかったり、筋肉の付き具合などなどで重さは違いますよね。そんな感じです。

ワードプレスで写真の表示サイズを指定する

さて、実際に記事に写真を挿入したときに、ワードプレスではどんな感じになるのか説明しますね。
まず、ワードプレスでは「サムネイル」や「中サイズ」「大サイズ」ごとに、生成される実際の表示サイズが設定されています。

画面左メニューの【設定】→【メディア設定】を選択すると確認できます。

上の画像は、私のブログの設定です。

サムネイル : 幅150×高さ150ピクセル
中サイズ : 幅の上限 300ピクセル　高さの上限0（制限しないという意味）
大サイズ : 幅の上限 600ピクセル　高さの上限0（制限しないという意味）

このようにしています。高さの上限を指定していないのは、写真のサイズはまちまちだけれど、私はブログ記事内で横幅を統一したいんです。それに合わせて高さはなりゆきで縮小するようにしています。

みなさんは、、、そうですね。好みにもよりますが、大サイズは600ピクセルから700ピクセルの間がよいのではないかぁと思います。

そして、画像を挿入するときは「大サイズ」に合わせています。

私の【メディアを追加】ダイアログ
サイズの指定は、画面右の下の方にあります。

私の場合、できるだけ写真のファイルサイズも小さくすることを考えています。サーバーの容量もありますので、ファイルサイズが大きい写真データを何枚もアップロードしないようにしているのです。ですので、アップロードした写真データそのものも、ブログで使う前に横幅600ピクセルに縮小してしまいます。ですので、【フルサイズ】も横幅600ピクセルになっています。

ひとつの例だけでは、ピンとこないかもしれませんね。
で、8月にお仕事させていただいた、高山技研合同会社の高山さんのブログもお借りしますね。
高山さんが、お仕事の経緯をブログにまとめてくれたんです。
↓これです。
http://tg2179.com/homepages

ブログ記事を見て、写真の大きさがちょっと気になりました。

私の写真はどうでもいいのですが、加工事例などは大きくきれいに見せた方がよいかなって思ったんです。
スマホの場合はそれほど気になりません。でも、高山さんのお仕事はパソコンで見る読者も多いかなと思ったんです。BtoBのお取引きの場合は、パソコンをお使いの方の割合が高めです。（スマホとパソコンの割合は、ウェブ解析をするとわかります）。

納品の時にお伝えしていますが、高山さんのブログでは「中サイズ」が選択されていたので、写真が小さかったんですね。