Morning&Lunch
配信とインテリアの実話映画
PCとスマホとゲーム
WordPressを簡単に
Morning&Lunch
Morning&Lunch

モーニング&ランチ

配信とインテリアの実話映画
配信とインテリアの実話映画

Style Note

PCとスマホとゲーム
PCとスマホとゲーム

webNote

WordPressを簡単に
WordPressを簡単に

WordPress

previous arrow
next arrow
Shadow

WordPressで自動生成される画像のサイズとその役割

WordPressの自動生成WP 設定
WordPressの自動生成
WP 設定

WordPressで自動生成される画像のサイズのデフォルト

自動で生成される画像のサイズは、WordPressの管理画面の設定で確認・変更できます。

  1. 管理画面(ダッシュボード)
  2. 設定へ
  3. メディアの設定を開く
  4. 画像のサイズで確認・変更する
サムネイルのサイズ名デフォルト
thumbnail(thumb)サムネイル150px × 150px
medium中サイズ300px × 300px
large大サイズ640px × 640px
fullフルサイズオリジナル画像

自動生成された画像サムネイル・中サイズ・大サイズ

ブロックエディッタで画像を挿入する時のサイズの選択は、メディア設定で指定したサムネイル中サイズ大サイズフルサイズの中から選びます。上にあるようにこのサイトの場合、オリジナル画像と大サイズが同じであるため大サイズはありません。

選択できるのは、サムネイル(300×0px)・中サイズ(600×0px)・フルサイズ(1200×675px)です。

WordPressの自動生成
WordPressの自動生成

サムネイル・中サイズ・大サイズを変更した場合

サイト運営の途中でサムネイル・中サイズ・大サイズを変更した場合、新しくアップロードする画像に対しては変更したサイズが適応されますが、変更前にアップロードした画像のサムネイル・中サイズ・大サイズは変更前の画像のサイズのままとなります。

ブロックエディッタの画像のサイズの選択でも、変更前にアップロードした画像は変更前のサイズが表示されます。

サムネイル・中サイズ・大サイズを変更した例

  • 中サイズを300pxから600pxに変更した場合
画像生成された画像のサイズブロックエディッタ
変更前にアップロードした画像中サイズ300pxのまま中サイズ300px
変更後にアップロードした画像中サイズ600px中サイズ600px

レスポンシブ対応のための画像 medium_large:768×0

WordPress4.4以降に、レスポンシブ対応のための画像として medium_large:768×0 ピクセル が追加されました。

  • medium_large:768×0 ピクセル
サムネイルのサイズ名サイズ
medium_large768×0 px

WordPress 5.3 以降に使いされた画像サイズ

  • 1536×1536: 1536×1536 ピクセル
  • 2048×2048: 2048×2048 ピクセル

WordPress 5.3では、大きな画像を検出してそれらの「Web最適化最大サイズ」を生成することにより、これらの画像を管理する新しい方法が導入されています。

スマートフォンで撮影されたままアップロードされた画像など、大きな画像に対するWordPressの処理方法です。1536×1536pxより小さいサイズの画像をアップロードした場合は、この2つのサイズは生成されません。2048×2048pxより小さいサイズの画像をアップロードした場合は2048×2048pxは生成されません。

つまり大きすぎるサイズを縮小生成する方法で、小さサイズの画像を拡大することはありません。このサイトの場合は1536pxより大きな画像はアップロードしないので、このサイズは生成されません。

サムネイルのサイズ名サイズ
1536×15361536×1536 px
2048×20482048×2048 px

テーマにより追加される画像のサイズ

それぞれのテーマやプラグインによって追加される画像サイズがあります。このサイトのテーマにより追加される画像は以下の通りです。

thumb100100×100pxメディアライブラリーの画像
thumb150150×150px投稿一覧・ページ送りナビの画像
thumb120120×68px
thumb160160×90pxページ送りナビデフォルトの画像
thumb320320×180px関連記事の画像
thumb379×213379×213pxフロントページなど縦3列の画像

上記を見るとわかるように、テーマに必要と思われる画像が自動生成されます。

サムネイルの自動生成を無効化する簡単な方法

WordPressやテーマに必要と思われる画像には、実際は利用されないサイズの画像もあり、利用されない画像により容量を圧迫したり、サイトの動きが遅くなるのならば、生成しない方がいい場合もあります。

メディアの設定の画像サイズの入力を 0 × 0 px にすることで、そのサイズの画像は生成されません。

中サイズは生成されない

WordPressの自動生成
WordPressの自動生成

画像がアップロードされる時に画像を圧縮するプラグイン「EWWW Image Optimizer」により、生成を無効化できます。

チェックを付けたサイズは生成されない

WordPressの自動生成
WordPressの自動生成

WordPressで自動生成される画像のサイズ

小さな画像の場合、それ以上の大きさのサムネを生成することはありません。(プラグイン「EWWW Image Optimizer」を利用)

例えば、大サイズを640×640pxとし、300×300pxの画像をアップロードした場合、大サイズ640×640pxは生成されません。

自動生成された画像のサイズの実際

WordPressの画像は wp-content /uploads に保存されています。

WordPressの自動生成
WordPressの自動生成

自動生成されたサイズ

上の画像の場合、次のh画像サイズが生成されます。

  • 100×100 px(thumb100)
  • 120×68 px(thumb120)
  • 150×150 px(thumb150)
  • 160×90 px(thumb160)
  • 300×169 px(サムネイルのサイズ300×0)←メディで設定
  • 320×180 px(thumb320)
  • 379×213 px(thumb379x213)
  • 600×338 px(中サイズ600×0)←メディで設定
  • 768×432 px(medium_large)
  • オリジナル画像(フルサイズ1200×675 px

このサイトのメディアの設定で指定した画像のサイズは以下です。

メディアの設定で指定した画像のサイズ

  • サムネイル 300×0px
  • 中サイズ 600×0px
  • 大サイズ 1200×675px

自動生成されていないサイズ

  • 1200×675 px(大サイズ)←メディで設定
  • 1536×1536 1536×1536 px
  • 2048×2048 2048×2048 px

アップロードしたオリジナル画像のサイズ(フルサイズ1200×675 px)と大サイズが同じなので、大サイズは生成されません。また1536×15362048×2048 は、オリジナル画像1200pxより大きいサイズなので生成されません。

プラグイン「EWWW Image Optimizer」 でチェック

自動生成されるサイズ

WordPressの自動生成
WordPressの自動生成pu

プラグインでは

  • 1536×1536 1536×1536 px
  • 2048×2048 2048×2048 px

にチェックは入っていませんが、1200px以上の画像はアップロードしていませんので2つのサイズは自動生成されません。また大サイズはオリジナル画像と同じサイズなので生成されません。

プラグイン「Regenerate Thumbnails」でチェック

自動生成されるサイズ

WordPressの自動生成
WordPressの自動生成

プラグインでは以上のサイズが自動生成されるように表示されていますが、実際は1200px以上の画像はアップロードしていませんので

  • 1536×1536 1536×1536 px
  • 2048×2048 2048×2048 px

自動生成されません。また大サイズはオリジナル画像と同じサイズなので生成されません。

タイトルとURLをコピーしました