アイキャッチとサムネイルって何が違うの？使い分け方の解説

2017年7月20日

メディア担当者の方は、ユーザーの目にとまりやすくするために画像を添付して記事を公開することが多いと思います。

記事につける画像はアイキャッチ画像やサムネイル画像といい、異なる名称があります。

記事によってはアイキャッチ画像とサムネイル画像に合わせて、異なる画像を使用することもあります。それぞれの画像の名称を理解していないと、いざ記事を公開したときに画像が見切れてしまい、せっかく準備した画像の意味がないということになりかねません。

今回はメディア運営するときに使う画像の概要や、画像作成から投稿までで役立つ情報をご紹介します。

アイキャッチとは

アイキャッチ画像は、その名の通り ユーザーの目（アイ）を引きつける（キャッチ）するための画像です。記事のタイトルや内容に合ったアイキャッチ画像をつけることで、ユーザーの興味を引き、記事が読まれやすくなる効果があります。

一般的にアイキャッチは上の画像のように表示されます。
文字だけが羅列されるよりもわかりやすく、興味のありそうな記事を見つけやすくなっています。

ただし、アイキャッチ画像と記事の内容がまったく関係ないと、せっかくクリックされてもユーザーはすぐに離れてしまうでしょう。アイキャッチ画像を設定するときは、記事のテーマや内容を視覚的に表しているものを選びましょう。

参考：
ブログの集客を加速させる「アイキャッチ」とそのデザインについて

Facebook でアイキャッチを確認する

Facebook で記事をシェアしたときに、アイキャッチ画像が表示されます。

Facebook 上では、アイキャッチは上の画像のように表示されます。 Facebook 上でシェアしたときの画像サイズは最大サイズで幅628×高さ628pxとされています。 Facebook の画像サイズに完全に合わせることは難しいかもしれませんが、 Facebook を使って記事をシェアすることが多い場合は配慮した方がいいでしょう。

参考：
Facebookのカバー写真、プロフィール写真、投稿時の画像サイズまとめ

Twitter でアイキャッチを確認する

Facebook と同様、 Twitter でも記事をシェアしたときにアイキャッチ画像が表示されます。

Twitter 上では、アイキャッチは上の画像のように表示されます。 Twitter 上でシェアしたときの画像サイズは280 × 150px以上とされています。
Twitter を使ったプロモーション活動に力を入れている場合は、シェアしたときの画像サイズも意識しておきましょう。

参考：
【推奨サイズまとめ】Facebook,Twitter,YouTube,Googl+,Instagramで使う画像サイズ

サムネイルとは

サムネイルは本来は「Thumb nail（親指の爪）」を表す言葉で、縮小された画像を指します。

一般的にサムネイルは上の画像のように表示されます。
アイキャッチ画像が自動で縮小され、サムネイル画像として表示されます。
本来の画像よりも画質やサイズが低下しているので、アイキャッチを作成するときはサムネイルの見え方にも配慮しましょう。アイキャッチとサムネイルを別々の画像で設定したいときには、サムネイルがカスタマイズできるサービスもあるので調べてみてください。

参考：
サムネイルとは - Webマーケティング用語

Facebook 、 Twitter でサムネイルを確認する

本来サムネイル画像は、アイキャッチ画像が縮小された画像をさします。しかし、 Facebook や Twitter でシェアしたときに表示する画像をサムネイル画像と呼ぶことがあります。シェアしたときの画像はアイキャッチとサムネイルどちらでも表すことがあることを覚えておきましょう。
また、 Twitter 上ではプロフィール画像のことをサムネイル画像と表現することもあるようです。

OGPとは

OGPとは「Open Graph protocol」の略で、SNSでシェアされたときに記事タイトルや URL 、画像を設定した通りに表示させる仕組みをさします。SNSを活用して記事をシェアするのであれば、表記を統一できるOGPは設定するべきでしょう。

OGPは本来、シェアしたときの表記を統一して正しく表示させる仕組みのことですが、OGPで設定したアイキャッチ画像をOGP画像ということがあります。

Facebook や Twitter でOGPを設定していない方は、下記の記事をみながら設定しましょう。

参考：
Facebook・TwitterのOGP設定方法まとめ

Facebook 、 Twitter でOGPの表示を確認する

Facebook 、 Twitter でOGPを設定して記事をシェアしたときは、それぞれ上の画像のように表示されます。

Facebook 上でのOGP表示

Twitter 上でのOGP表示

OGPを設定するメリットは、意図した表示ができる点です。
例えば、シェアしたときのアイキャッチ画像には、元の記事のアイキャッチ画像にはないテキストが入力されています。
このように元の記事とは別に、シェア用の設定ができます。

まとめ

同じ画像を使っていても、表示方法や場所によって名称が異なることがあります。
画像そのものだけではなく、画像の表示のされ方にも配慮して画像編集を行いましょう。

また、画像を作成するときにはフリー素材サイトや自分の使いやすい画像編集ツールをまとめておくと簡単に素早く画像編集ができるでしょう。ぜひ今回ご紹介した記事もふまえて、ユーザーの心をつかむ画像を設定しましょう。