Home
PHP
【WordPress】画像アップ時に自動生成されないようにする方法

【WordPress】画像アップ時に自動生成されないようにする方法

公開日
2022.03.25
更新日
2022.04.10
【WordPress】画像アップ時に自動生成されないようにする方法

どうも!かけちまるです!

WordPressで画像をアップロードした時の自動生成を停止する方法をご紹介します。

functions.phpに少し記述するくらいなので簡単に対処できます。

この記事では、画像の自動生成を停止するための、

  • ・アップロード時に自動生成される画像
  • ・画像の自動生成をすべて停止する方法

がわかります。

アップロード時に自動生成される画像

この記事では、4000px × 3000pxの画像をアップロードしたときに自動生成される画像の生成を停止していきます。

テーマによって自動生成される画像がある場合があると思いますので、その場合は各テーマのドキュメントで確認してみてください。

4000px × 3000pxの画像をアップロードすると下画像のように全部で6個の画像が自動生成されます。
ファイル名は仮にhoge.jpgにしました。

アップロード時に自動生成される画像

ということで自動生成を停止する画像は、

  • ・hoge-1024×768.jpg
  • ・hoge-150×113.jpg
  • ・hoge-1536×1152.jpg
  • ・hoge-2048×1536.jpg
  • ・hoge-300×225.jpg
  • ・hoge-scaled.jpg

になります。

画像の自動生成をすべて停止する方法

次のように記述すると画像の自動生成は全て停止されるかと思います。
コードを記述する場所はfunctions.phpです。
ファイルの場所はwp-content > themes > テーマのフォルダ > functions.phpにあると思います。

実装サンプル

PHP
コピー
<?php //WordPressのすべての画像自動生成を停止する function disable_image_sizes($new_sizes){ unset($new_sizes['thumbnail']); // hoge-150×113.jpgを停止 unset($new_sizes['medium']); // hoge-300×225.jpgを停止 unset($new_sizes['large']); // hoge-1024×768.jpgを停止 unset($new_sizes['medium_large']); // 768×○○が生成される場合に記述 unset($new_sizes['1536x1536']); // hoge-1536×1152.jpgを停止 unset($new_sizes['2048x2048']); // hoge-2048×1536.jpgを停止 return $new_sizes; } add_filter('intermediate_image_sizes_advanced', 'disable_image_sizes'); add_filter('big_image_size_threshold', '__return_false'); // hoge-scaled.jpgを停止 ?>

まとめ

WordPressから画像をアップロードすると様々なサイズの画像が生成されます。

使用用途によってだし分けできるので便利ではありますが、サーバー容量を圧迫してしまうデメリットもありますね。

おわり

かけちまる
かけちまる
Webエンジニアをしています。
HTML/CSS/JavaScript/jQuery/PHPができます。
WEB制作を中心に日々学びになったこと、興味が沸いたことについて初心者の方でもわかりやすいようにアウトプットしていくブログです。

関連記事

画像形式をWebPに変換するツール6選

画像形式をWebPに変換するツール6選

【Google Maps API】Googleマップ埋め込みのピンを変更する

【Google Maps API】Googleマップ埋め込みのピンを変更する

セクションごとにスクロールできるjQueryプラグインのScrollify.jsを解説

セクションごとにスクロールできるjQueryプラグインのScrollify.jsを解説

【CSSのみ】背景のグラデーションを変化させるアニメーション

【CSSのみ】背景のグラデーションを変化させるアニメーション

UNPKGの使い方~npmで公開済のパッケージを使えるCDNサービス~

UNPKGの使い方~npmで公開済のパッケージを使えるCDNサービス~

【modal-video.js使い方】YouTube、Vimeoをポップアップ再生する方法

【modal-video.js使い方】YouTube、Vimeoをポップアップ再生する方法