英語やMacについてなど勉強したことを書くブログ

学ぶログ

ブログ運営

ブログ画像サイズの横幅は何pxがいい?2016年の最適解はこれ!

投稿日:2016年9月30日 更新日:

スポンサードリンク

Blog image size1

ブログ読んでもらうためには、文字だけでなく画像も大切な要素になってきます。

ブログを始めたばかりのときって、ブログの画像サイズはどれくらいの大きさを用意したらいいのかわからないですよね?

私もわからなくてすごく迷いました。色々なブログを調べたり、記事を投稿しながらサイズを変えて試してきました。

でも、せっかくブログを始めたのに、記事を書く以外のところで迷って時間を使うのはもったいないです。

そこで今回は、ブログを始めたけども、まだ画像サイズを決められていない人に向けて、おすすめのブログ画像サイズを紹介します!

スポンサードリンク

2016年、ブログ画像の最適サイズは780px!

Blog image size2

2016年現在、ブログ画像に最適な横幅は、ズバリ「780px」です!

なぜ、780pxなのかというと、有名ブロガーのブログや WordPress の有名テーマを調査した結果、画像の横幅の最大サイズが780pxだったからです。

ブログ画像の最大サイズは、そのブログ記事の横幅と同じになります。

780pxは WordPress で有名なテーマの「賢威」の最新のバージョンで採用されている記事の幅です。ほとんどのブログでは600px代〜728pxで、現在の主流は700px前後だと思われます。

このことから、画像の横幅を780pxにしておけば、現在あるどんなテーマに変更しても、ほぼ画像を横幅いっぱいに表示できるの可能性が高いです。

なぜ最適なサイズのブログ画像を用意する必要があるのか?

Blog image size3

現在、ほとんどのブログサービスや WordPress を使ったブログでは、どんな大きなサイズの画像をアップロードしても、自動的にブログの横幅サイズに縮小して表示してくれます。

だから、わざわざブログのサイズに合わせた画像を用意しなくてもいいのではないか、と疑問に思うかもしれません。私もはじめは何も考えず、大きな画像をどんどんアップロードしていました。

しかし、大きなサイズの画像には2つの無駄があります。

1つ目は、容量の大きな画像をブログに載せると、読み込みに時間がかかってしまうことです。表示の遅いブログだと、読者がイライラして読まずに閉じてしまう可能性があります。

2つ目は、サーバーの容量を無駄に消費してしまうことです。意外と知られていませんが、サーバーの容量には上限があります。ブログサービスやレンタルするサーバーによって何GBまでと使える容量が決まっていることがほとんどです。

このような理由から、画像はなるべく最適なサイズに縮小してからブログにアップロードするのが望ましいのです。

現在主流のブログ画像の横幅サイズは?

Blog image size4

ブログを実際に始めてみると、細かい部分で迷うことが多いです。今回のように画像サイズであったり、文字をどう装飾するのかや段落の取り方など、意外と引っかかる部分が多くて、なかなかスムーズに進まなくてもどかしくなります。

そんなときは、ブログをすでに運営している先輩方の知恵をお借りしましょう。人気ブログを見て、どんな設定にしているのか参考にするのがおすすめです。

以下は、私が好きでよく見ている人気ブログです。画像の横幅サイズがどうなっているか見てみます。(Google Chrome デベロッパー・ツール調べ。記事本文中の画像横幅サイズ 2016年9月30日現在)

スポンサードリンク

だいたい650px〜728pxくらいだとわかりました。他にも見ている有名ブログを10個以上調べましたが、全てこの範囲に入っていました。

上記にも728pxのブログが3つ入っていますが、画像サイズ(記事の横幅)に728pxを採用しているブログが多く見られます。

WordPress の人気テーマがこのサイズを採用しているのも理由の一つでしょう。

たとえば、上で紹介した『ももねいろ』さんでも使われている「ハミングバード」という有名なテーマもこの画像サイズを採用しています。

ブログに最適な画像サイズの考え方

「ハミングバード」の「よくある質問」にブログの画像サイズを決めるのに役立つ考え方が書かれていたので、見てみましょう。

画像サイズは運営方針から様々な意見がありますが、ひとつ参考としていただきたいのがハミングバードのメインカラムの横幅です。

ハミングバードではメインカラム(PC)の幅を728pxとしております。

画像の幅を728pxで最大としていただくというのもひとつの方法ですし、今後さらにサイト幅の大きなテーマに変更する可能性がある場合は更に大きくしておく(800pxなど)というのもひとつの考え方です。

画像の魅力をめいいっぱい引き出すには、ブログのメインカラムの幅に合わせるのがいいかと思います。

しかし、テーマを変えるとメインカラムのサイズは変わりますよね。

そこで、今後利用する可能性のあるサイト幅の画像を用意しておくといいです。

主流よりも大きめの画像サイズを用意する理由

Blog image size5

以前このブログでは、サイト幅780pxのテーマ「賢威」使っていましたが、横幅が大きすぎてしっくりこなくて「STINGER PLUS+」に変更しました。

参考WordPressのテーマを「賢威」(有料)から「STINGER PLUS+」(無料)に変更した理由

確かに、今はメインカラムが780pxのブログが少なく、大きすぎて少し違和感がありました。しかし、今後この大きさが主流になっていくことは十分に考えられます。

なぜなら、「賢威」を作っている「ウェブライダー」という会社は、SEOに強くてWeb業界では有名で、参考にしているブロガーやWeb制作者も多いからです。

よって、現在主流の728pxより大きめの780pxで画像を用意しておくことをおすすめします。

もちろん、780pxで画像を用意したからといって、それより小さい横幅のテーマを使用した場合には、自動的にサイトサイズに画像が縮小されますのでご安心ください。

このブログの画像も「STINGER PLUS+」の横幅638pxで表示されていますが、元画像は780pxでアップロードしています。

将来的に大きな780pxの横幅のテーマに変更した際には、メインカラムいっぱいの画像が表示されます。

SEO(Search Engine Opitimization)
検索エンジン最適化。検索エンジンで上位表示するための施策

まとめ

ブログ画像の最適な横幅サイズについてみてきました。

私自身、ブログの画像サイズを決めるまでになかなか最適な答えが見つからず、いろんなブログを見ながら試行錯誤しましたので、これからブログ画像サイズを決める人に参考になりましたら幸いです。

それでは、もう一度まとめておきます。

  • ブログ画像の横幅はメインカラムの横幅と同じにする
  • 現在最も主流の画像サイズは728px
  • 将来大きなサイト幅のテーマに変更することを想定して画像サイズを決める
  • ブログ画像の横幅は780pxがいい!

ブログの画像サイズをどんな大きさにしたらいいか迷っている方は参考にしてください。

では、また。See you!

スポンサードリンク

-ブログ運営
-, ,

Copyright© 学ぶログ , 2018 AllRights Reserved.