自動生成される画像
自動生成される画像のサイズのデフォルト/WordPress
WordPress は1枚の画像をアップロードすると、サイトで画像の表示速度を上げるために、複数の画像が自動生成されます。自動生成される画像の大中小のサイズは、WordPressの管理画面の設定で確認・変更できます。
- 管理画面（ダッシュボード）→設定へ
- メディアの設定を開く
- 画像のサイズで確認・変更する
デフォルトのサイズ
| サムネイルのサイズ名 | デフォルト | |
|---|---|---|
| thumbnail（thumb） | サムネイル | 150px × 150px |
| medium | 中サイズ | 300px × 300px |
| large | 大サイズ | 1024px × 1024px |
| full | フルサイズ | オリジナル画像 |
画像のサイズを変更した場合
| サムネイルのサイズ名 | デフォルト | |
|---|---|---|
| thumbnail（thumb） | サムネイル | 300×0px |
| medium | 中サイズ | 600×0px |
| large | 大サイズ | 1200×675px |
| full | フルサイズ | オリジナル画像 |
※大サイズとフルサイズは同じにしない
自動生成される画像 サムネイル・中サイズ・大サイズ
ブロックエディッタで画像を挿入する時のサイズの選択は、メディア設定で指定したサムネイル・中サイズ・大サイズ・フルサイズの中から選びます。
この設定で、フルサイズが1200×675pxの場合、大サイズとフルサイズが同じであるために大サイズは表示されません。
選択できるのは、サムネイル（300×0px）・中サイズ（600×0px）・フルサイズ（1200×675px）です。
サムネイル・中サイズ・大サイズを変更した場合/自動生成される画像
サイト運営の途中でサムネイル・中サイズ・大サイズを変更した場合、新しくアップロードする画像に対しては変更したサイズが適応されますが、変更前にアップロードした画像のサムネイル・中サイズ・大サイズは変更前の画像のサイズのままとなります。
ブロックエディッタの画像のサイズの選択でも、変更前にアップロードした画像は変更前のサイズが表示されます。
サムネイル・中サイズ・大サイズを変更した例 /自動生成される画像
- 中サイズを300pxから600pxに変更した場合
| 画像 | 生成された画像のサイズ | ブロックエディッタ |
|---|---|---|
| 変更前にアップロードした画像 | 中サイズ300pxのまま | 中サイズ300px |
| 変更後にアップロードした画像 | 中サイズ600px | 中サイズ600px |
レスポンシブ対応のための画像 medium_large /自動生成される画像
WordPress4.4以降に、レスポンシブ対応のための画像として medium_large：768×0 ピクセル が追加されました。
- medium_large：768×0 ピクセル
| サムネイルのサイズ名 | サイズ |
|---|---|
| medium_large | 768×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×1536 | 1536×1536 px |
| 2048×2048 | 2048×2048 px |
その他の自動生成される画像のサイズ
利用しているテーマやプラグインやレイアウトにより、様々なサイズの画像が生成されます。
例 自動生成される画像
- ウィジェット
- テーマのレイアウトにより生成される画像のサイズ
- プラグインのレイアウトにより生成される画像のサイズ
- 複数の写真を並べるグリットレイアウトの画像のサイズ
- ギャラリー
テーマにより自動生成される画像のサイズ
それぞれのテーマやプラグインによって追加される画像サイズがあります。このサイトのテーマにより追加される画像は以下の通りです。
| thumb100 | 100×100px | メディアライブラリーの画像 |
| thumb150 | 150×150px | 投稿一覧・ページ送りナビの画像 |
| thumb120 | 120×68px | |
| thumb160 | 160×90px | ページ送りナビデフォルトの画像 |
| thumb320 | 320×180px | 関連記事の画像 |
| thumb379×213 | 379×213px | フロントページなど縦3列の画像 |
上記を見るとわかるように、テーマに必要と思われる画像が自動生成されます。
自動生成される画像のサイズをプラグインで確認する
小さな画像の場合、それ以上の大きさのサムネを生成することはありません。（プラグイン「EWWW Image Optimizer」を利用）
例えば、大サイズを640×640pxとし、300×300pxの画像をアップロードした場合、大サイズ640×640pxは生成されません。
自動生成される画像のサイズ実際
WordPressの画像は wp-content /uploads に保存されています。
自動生成されたサイズ
上の画像の場合、次の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×1536 と 2048×2048 は、オリジナル画像1200pxより大きいサイズなので生成されません。
「EWWW Image Optimizer」 で自動生成される画像
自動生成されるサイズ
プラグインでは
- 1536×1536 1536×1536 px
- 2048×2048 2048×2048 px
にチェックは入っていませんが、1200px以上の画像はアップロードしていませんので2つのサイズは自動生成されません。また大サイズはオリジナル画像と同じサイズなので生成されません。
「Regenerate Thumbnails」で自動生成される画像
自動生成されるサイズ
プラグインでは以上のサイズが自動生成されるように表示されていますが、実際は1200px以上の画像はアップロードしていませんので
- 1536×1536 1536×1536 px
- 2048×2048 2048×2048 px
は自動生成されません。また大サイズはオリジナル画像と同じサイズなので生成されません。
サムネイル・大中小の自動生成を無効化する簡単な方法/自動生成される画像
WordPressやテーマに必要と思われる画像には、実際は利用されないサイズの画像もあり、利用されない画像により容量を圧迫したり、サイトの動きが遅くなるのならば、生成しない方がいい場合もあります。
メディアの設定の画像サイズの入力を 0 × 0 px にすることで、そのサイズの画像は生成されません。
中サイズは生成されない
画像がアップロードされる時に画像を圧縮するプラグイン「EWWW Image Optimizer」により、生成を無効化できます。
チェックを付けたサイズは生成されない
Google の画像に関するガイドライン /自動生成される画像
記事に関連する画像を使用してください。
アスペクト比が 16×9、4×3、1×1 の高解像度画像（幅と高さをかけて 50,000 ピクセル以上になる画像）を指定してください。
Google 検索セントラル
過去 AMPページのエラー画像のサイズ 1200px以上
過去、AMPページでの「推奨サイズより大きい画像を指定してください」というエラーが出たことがあり、当時の推奨サイズは1200px以上でした。
Google Search Consoleでエラーを発生させたくない場合の必要なプロパティ
画像の幅は1200ピクセル以上- 各ページに1つ以上の画像が含まれている
- アスペクト比が 16×9、4×3、1×1
https://wordpress.news-vouge.com/amperror/
つまり画像のサイズは1200×675ピクセル以が１つ必要
今は1200px以上の画像がなくてもエラーは出ないはずです。このように、Googleのガイドラインは変わります。
