もし少し注意を払っていると、WordPressを使用したウェブサイトのアーカイブフォルダーにアクセスすると、アップロードされた画像が自動的にさまざまなサイズの画像に切り取られていることに気づくでしょう。たとえば、300×300、70×300、1024×700などがあります。
では、自動的に画像を複数の異なるサイズに切り取る目的は何であり、なぜ切り取る必要があるのか、そして必要のないサイズで画像を切り取ることを防ぐにはどうすればよいのでしょうか。この記事では、これらについて調べてみましょう。
もちろん、何かが作られる場合は、それにはそれぞれ独自の目的があるはずです。
WordPressは、何らかの目的のために画像を複数のサブ画像に切り取って使用するために切り取ります。
それは無駄ではなく、サムネイル表示に適したサイズの画像を切り取って、設計されたテーマやさまざまな画面サイズ(ノートパソコン、タブレット、携帯電話など)に適したサイズで表示するためです。さらに、これによりページの読み込みが速くなります。
たとえば、あなたがサイズが2500 x 1200の元画像をアップロードしたとします。この画像をサムネイル用に350 x 250の小さな画像に切り取らなかった場合、関連記事や最近の記事のサムネイルとして表示されると重くなってしまいます。
さらに、ホームページ上のサムネイル画像は350 x 250であるべきであり、小さいとぼやけ、大きすぎると重くなるため、必要ないサイズで切り取ることはありません。
テーマに関連するサイズのメディアファイルを呼び出す関数がある場合、次のコードを使用してサムネイルサイズの画像を使用できます。
the_post_thumbnail( 'thumbnail' );
ウェブサイトで画像をアップロードすると、自動的にいくつかの異なるサイズの画像に切り取られるかどうかを確認するには、まず管理画面にアクセスして、メディアセクションを選択し、任意の画像をアップロードします。
その後、FTPクライアントを使用してホスティングにアクセスするか、cPanelのファイルマネージャにアクセスし、ウェブサイトのソースコードが格納されているディレクトリ(通常はpublic_htmlディレクトリ)に移動し、wp_include/uploadsディレクトリにアクセスします。アップロードされた画像は、年ごとに分けて保存されています。
ここでフォルダを開くと、以下のようにアップロードされた画像が保存されていることがわかります。
サムネイル(150 x 150)、中サイズ(300 x 300)、ラージ(1024 x 1024)、ミディアムラージ(768 x 高さ無制限)、1536 x 1536(ミディアムラージ x 2)、および2048 x 2048(ラージ x 2)は、投稿のアイキャッチ画像に対してWordPressが自動的に作成するいくつかの異なるサイズです。これらのサイズ以外に、使用中のテーマがフィーチャー画像/投稿サムネイル、スライダーなどのために別のサイズを暗黙的に作成することもあります。
前述のように、異なるサイズの画像の複製を作成することには多くの利点やメリットがありますが、なぜそれを防止する必要があるのでしょうか?
完璧なものはありません。すべてには両面があります。異なるサイズの画像を大量に作成することは、非常に多くのストレージスペースを消費する可能性があります。そのため、ホスティングにスペースを節約するために、ウェブサイトで必要のない画像を作成するWordPressを防止する必要があります。必要なサイズの画像を保持しながら、ウェブサイトで使用しないサイズの画像を作成することを防止する必要があります。
WordPressが不要なサイズの画像を切り取るのを防止する方法のガイドを教えてください。
WordPressのデフォルトの6つの画像サイズを使用しない場合、Thumbnail、Medium、Largeの画像サイズを0に設定することで、WordPressのデフォルトのサイズを無効にすることができます。管理画面で、Settings > Media に移動し、次のように設定してください。
WordPressが自動的に作成する画像サイズに加え、ウェブサイトにインストールされているテーマやプラグインも同様に機能している場合があります。
「AJAX Thumbnail Rebuild」というプラグインをインストールし、次に「ツール」>「Rebuild Thumbnails」に進んでください。ここでは、WordPressとあなたのテーマが作成しているすべての画像サイズがリストアップされます。
その後、使用しているテーマの functions.php ファイルに以下のコードを挿入することで、不要な画像サイズの作成を防止することができます。
function remove_default_image_sizes( $sizes) {
unset( $sizes['1536x1536']);
unset( $sizes['2048x2048']);
unset( $sizes['jnews-360x180']);
unset( $sizes['jnews-750x375']);
unset( $sizes['jnews-350x350']);
unset( $sizes['jnews-120x86']);
unset( $sizes['jnews-1140x570']);
unset( $sizes['jnews-350x250']);
unset( $sizes['jnews-750x536']);
unset( $sizes['jnews-360x504']);
unset( $sizes['jnews-75x75']);
unset( $sizes['jnews-featured-750']);
unset( $sizes['jnews-featured-1140']);
unset( $sizes['1140x815']);
unset( $sizes['1140x346']);
unset( $sizes['jnews-1140x346']);
unset( $sizes['120x86']);
unset( $sizes['350x350']);
unset( $sizes['768x430']);
unset( $sizes['768x231']);
unset( $sizes['jnews-768x231']);
unset( $sizes['jnews-1140x815']);
unset( $sizes['medium_large']);
return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'remove_default_image_sizes');
ご成功を祈っています !!