サムネイル・アイキャッチ画像の設定や作成についてのまとめ。｜ルクセリタス

近頃では Webサイトの記事一覧画面などで画像が設定されているのが一般的な表示となっているのではないでしょうか？

文章ばかりのページよりも画像があることで内容を分かりやすく表示することができますよね。

この画像、サムネイルやアイキャッチ画像などといった呼び方がありますが同じ意味ではないようです。

Contents - 目次 -

サムネイルとアイキャッチの違い

サムネイル（英：thumbnail）とはもともと画像や印刷物を縮小させた見本のようなもので
小さな画像でその記事の内容が分かるようにするといった目的で使用されます。

例えば、SNS や Youtube などに使用される小さい画像などがサムネイルになります。

アイキャッチはその言葉通り「目を引きつける」といったような意味でユーザーの興味を引くための画像です。

WordPressサイト、ルクセリタスでも投稿ページで設定するのは「アイキャッチ画像」といいますが
トップページ、記事一覧や新着記事などで使用される場合、画像サイズが変更されサムネイルとして使用されるといった形で使用されています。

メディア画像をサイトにアップロードした場合、1枚の画像につき複数のサイズが作成されます。

これらの画像が記事の一覧や関連記事・サイドバーの新着記事欄などに使用するサイズになりますので事前のメディア画像の設定も必要になります。

画像サイズの設定は WordPressの管理画面→設定→メディアとルクセリタスの場合、
Luxeritas管理機能にサムネイル管理画面がありますのでこちらから希望のサイズ設定をしていきます。

サムネイルに必要な画像サイズやトップページや記事一覧の表示方法、
グリッドレイアウトでのメディア設定をこちらの記事でまとめていますので参考にしてみてください。
【ルクセリタス】グリッドレイアウトとサムネイル(ｱｲｷｬｯﾁ)の組み合わせ

アイキャッチを設定する場合の画像は、自分で作成したりもしますが、
画像素材サイトからイメージに合う画像を検索し使用するという方法もあります。

画像素材のサイトはいくつかあり、無料で使用できる素材も数多くありますが
無料の素材は、やはりいろんなサイトで使用されているという事もありますので
差別化を図るためには独自で作成するか、有料の画像を使用することをお勧めします。

Posted by 45