自動生成されるサムネイルを停止&削除しました

この記事を書いた時の環境

削除しても良いサムネイルは人により異なります
必ずバックアップをとってから作業してください

長い前置き

小さいサイズは生成されなくなった

WordPressのバージョンアップにより仕様変更されたのか分かりませんが、200px以下のサムネイル(主に100px150px160px)は2019年12月5日を皮切りに生成されなくなりました(メディア設定を行っている場合は生成されます)。

たとえば、メディアライブラリは以前は160pxのサムネイルが使われていましたが、200pxのサムネイルが用いられるようになりました。

だったら100px150px160pxは削除したい

 

1536と2048サイズのサムネイル

大きいpng画像をアップロードしたところ、サムネイルが8つも自動生成されるようになりました。

  • 200×200
  • 240×240
  • 300×300
  • 320×320
  • 640×640
  • 768×任意の数値
  • 1536×任意の数値
  • 2048×任意の数値

ちなみにWordPressのダッシュボード→メディア設定で数値を0にしていない場合は、合計11個の画像が自動生成されることになります。

赤い枠が元の画像になります。元の画像と比べるとサムネイルは容量が増加しますし、ぼやけるのでモヤモヤしていました。

 

サムネイルscaled.jpg

大きいサイズのJPG画像をアップロードすると「scaled.jpg」という画像が生成されるようになりました。これまた元の画像に比べると大きくなっています。

WordPressのバージョンアップにより「画像の最大数は2560px」となり、それ以上の画像はscaled.jpg画像として表示するようになったとのことです。

When a new image is uploaded, WordPress will detect if it is a “big” image by checking if its height or its width is above a big_image threshold. The default threshold value is 2560px, filterable with the new big_image_size_threshold filter.
Introducing handling of big images in WordPress 5.3 – Make WordPress Core

 

 

Cocoonサムネイルの用途

  • 100px 管理画面記事リスト一覧のサムネイル
  • 150px ページ送りナビ、Facebookバルーン
  • 120px 新着・人気記事ウィジェット・ページ送りナビ・関連記事ミニカード
  • 160px 関連記事デフォルト・関連記事4列
  • 320px デフォルトサムネイル・関連記事3列

自動画像生成につきまして。Cocoonフォーラム

 

当サイト内でのサムネイルの用途はこんな感じでした。尚、Cocoonではある程度、最適なサイズがない場合でも補ってくれるようです。

160メディアライブラリ
200メディアライブラリ
240
300PC関連記事?
320モバイル関連記事/ブログカード
640アイキャッチ/新着記事
768アイキャッチ/新着記事
デフォルトカルーセル
モバイルの記事内/送りナビ

 

FTPで手動で削除&バックアップ

当サイトでは、100px,120px,150px,160pxサイズは削除&一応保存し、75px,1536px,2048pxサイズは抹消しました。

開発者のわいひらさんはこうおっしゃっていますが、バックアップに1日かかるのでできるだけ画像は少なくしておきたいです。

僕は削除しない方が良いと思います。
閲覧端末サイズによって、レスポンシブで適切に表示される画像としても使われるので。
そもそも、なんで削除する必要があるのかが、ちょっとわかりません。
テーマによる画像自動生成について Cocoon フォーラム

 

サムネイルを削除する前にサイズごとにバックアップをとっておくと、不具合が生じた時にすぐ復旧することができて安心です。

あらかじめ、デスクトップにサイズ毎にフォルダーを作成しておきます。

 

FileZillaの場合は、上の方にある検索アイコンをクリックします。

➡【FTPソフト】FileZillaのインストール&接続方法

 

たとえば、「75×75」のサムネイルはルクセリタスでの極小サムネイルなのですが、現在は使っていませんので削除します。「75×75」と入力したら検索ボタンをクリックします。

検索に引っ掛からない場合は「75×」「×75」などと文字を変えると良いです

 

検索結果を全選択→右クリック→ダウンロード→転送先のフォルダー選択→OKボタンをクリックして保存します。

 

WordPressの自動生成を停止

WordPressでは何の対策もしていない場合、1枚の画像をアップロードするとこれだけのサイズのサムネイルが自動的に生成されます。

thumbnail150px
中 medium300px
大 large1024px
medium_large_size_w768px
1536px
2048px
scaled2560px

 

150px,300px,1024pxを停止

これは多くの方が設定しているかと思うのですが、一応記載しておきます。

ダッシュボード→設定→メディア設定でサイズを全て「0」にし、「変更を保存」ボタンをクリックします。

 

768px,1536px,2048pxを停止

ダッシュボード→外観→テーマエディタ→Cocoon Child テーマのための関数 (functions.php)

次のコードを付け加えると生成されなくなります。

//サムネイル自動生成停止
add_filter( 'intermediate_image_sizes_advanced', 'disable_image_sizes' );
function disable_image_sizes( $new_sizes ) {
  unset( $new_sizes['medium_large'] );
  unset( $new_sizes['1536x1536'] );
  unset( $new_sizes['2048x2048'] );
  return $new_sizes;
}

 

scaled.を停止

functions.phpに次のコードを付け加えると生成されなくなります。

add_filter( ‘big_image_size_threshold’, ‘__return_false’ );

 

768pxは設定ページからも停止できる

アドレスバーにこのように入力→「medium_large_size_w」を0にする→「変更を保存」ボタンをクリックすると生成されなくなります。

https://ドメイン/wp-admin/options.php

 

これだけ削除できた

100px,120px,150px,160pxサイズだけで合計16,164枚。OneDriveにバックアップしたら2時間もかかりました。75px,1536px,2048pxはカウントしていないのでもっと削除したことになります。

 

サムネイルは5サイズになった

 

補足

768pxは削除しない

生成された後に768pxのサムネイルを削除すると、モバイルで画像が表示されなくなります。

ちなみに、768pxの自動生成を停止した後はデフォルト画像が表示されるようになりました(だったら最初から無くても良いかと思うのですが)。

300px,320px

関連記事や人気記事などで使用されますので削除しない方が賢明です。

200pxは削除しない

200pxを削除するとメディアライブラリの画像が表示されなくなります。ということは、メディアライブラリを利用しない人は削除しても問題ないかと。

240pxの用途は不明

モバイルかな?わからんわー

アイキャッチはデフォルトがいい

640pxはアイキャッチで表示されていますが、圧縮されるとぼやけるのでモヤモヤします。アイキャッチは限界までサイズを小さくしていますので、デフォルト画像を表示させたいのですがやり方が分かりません…







サイト運営
わたしらしく