WordPressのテーマLuxeritas(ルクセリタス)で本当に必要な画像サイズは

メディア, 画像サイズ

皆さんはWordPressを使用してサイトにメディアを追加するとき、どうされていますか？
たとえば、1834×1138のsample.png（105KB）を「メディア」→「新規追加」からアップロードするとどうなるでしょう。

画像のアップロードサイズを知る

FTPツールでディレクトリの中を確認してみる

これだけの数のファイルが存在します。なんと12個！イメージ画像

mediaキャプチャ画面

番号をつけてみました

mediaキャプチャ画面

メディア設定

上の３つのサイズは「設定」「メディア」で決められているサイズであることがわかります。
mediaキャプチャ画面

１番下のフルサイズはわかるとして、メディア設定で定めた上の３つのサイズ以外はどうして自動的に作られたのでしょうか？

テーマLuxeritas(ルクセリタス)が必要としているサイズ

テーマごとに必要とする画像サイズがあり、Luxeritas(ルクセリタス)の場合は以下の通りです。使用するサムネイルのサイズは「カスタマイズ(外観)」「サムネイル(アイキャッチ)」から変更できます。

  • 75×75（カード型のグリッド等で選択できるサムネイルサイズ）
  • 100×100（関連記事や新着記事の一覧で使用されるサムネイル）
  • 150×150（通常スタイルの一覧表示などで選択できるサムネイル）上記の画像サイズ①
  • 300×300（通常スタイルの一覧表示などで選択できるサムネイル）上記の画像サイズ②
  • 320×180（タイル型グリッドなどで選択できるサムネイル）
  • 530×     （サイドバー336pxでコンテンツ幅がデフォルトの時、 画面幅 1200px 未満で投稿本文にピッタリ収まるサイズ）
  • 565×     （サイドバー300pxでコンテンツ幅がデフォルトの時、 画面幅 1200px 未満で投稿本文にピッタリ収まるサイズ）
  • 710×     （サイドバー336pxでコンテンツ幅がデフォルトの時、 画面幅 1200px 以上で投稿本文にピッタリ収まるサイズ）
  • 725×     （サイドバー300pxでコンテンツ幅がデフォルトの時、 画面幅 1200px 以上で投稿本文にピッタリ収まるサイズ）
768×　Medium Largeサイズは4.4からWordPressに自動で追加されるようになったmedium_large_size_w　というサイズです。
サムネイルのサイズを自由に決める「Luxeritas」「管理機能」「サムネイル管理」 を開くと、下に自由に決められるサムネイルサイズの欄が３つあります。
上記サイズ以外のサムネイルを使用したい時は、こちらにサイズを入力すると自動でそのサイズのサムネイルが作られるようになります。

Thumbnail control
ということで、まずは「設定」「メディア」を開いて、以下のように設定しておきましょう。

Luxeritas_thumbnail_02

これで、大サイズが640pxに変更されました。（あまり使うことがないと思うのですが一応）

プラグイン　EWWW Image Optimizer　を使う

プラグインを新規追加し有効化する

mediaキャプチャ画面

リサイズ設定を変更する

「設定」「EWWW Image Optimizer」「リサイズ設定」を開き、自動生成を無効化するサイズのサムネイルにチェックを入れます。
Luxeritas_thumbnail03
テーマを使用し始めてしばらくは、どのサムネイルサイズを使用するか定まらないことが多いと思いますので、とりあえず、すべての画像サイズを生成しておくことをお勧めします。
ただし、最初にも書いたとおり、自分の使わないサイズのサムネイルの自動生成は早い段階で無効化しておいた方がいいと思いますよ！

あとがき

イメージ画像サーバー内の容量は無限ではありませんので、無駄なファイルのアップロードは避けたいですよね。自分が使っているテーマに最小限必要な画像サイズがアップロードされるよう、設定を見直すのがいいと思います！

4

使い方

Posted by どらみ