WordPressで自動生成されるサムネイルのファイルサイズがオリジナル画像より大きい?!

@niketcha

今日ふとWordPressのメディアフォルダを眺めていたら…

上記の画像のように、300幅のサムネイルの方がファイルサイズが大きくなっているものがあることに気づきました。

ファイルサイズを減らすためのサムネイルなのに増えてるってどういうこと?と思って調べてみました。

そもそも300幅の画像は何者?

WordPressでは画像をアップロードしたときに自動でサムネイル画像がいくつか作られます。

何も設定を変えていない場合は150×150(thumbnail)、300×300(medium)、640×640(large)、768×高さ無制限(medium_large)の4つのサムネイルが自動作成されます。

設定を変えたい場合は「設定」-「メディア」からメディア設定を開いて修正します。

画像を作成したくない場合はサイズを0にすればOK。

で、768サイズ(medium_large)の設定がないじゃん?て感じなんですが、これはVer 4.4から追加されたサイズらしく、ここでは設定できません。

function.phpにupdate_option( 'medium_large_size_w', 0 );と追記して管理画面をリロードすると、作成されなくなるようです。リロード後は追記したコードを削除しても大丈夫だけど、WordPressのアップデートでまた復活するかもしれない。

その他、使っているテーマによって独自のサイズを作成している場合があります。function.phpでadd_image_size~のように定義されてます。

Sponsored Link

ファイルサイズが増えるケース

私のサイトで使っているアイキャッチ画像は800×420で作っていて、写真ではなくイラストが中心です。

さらに作った画像をiLoveIMGで圧縮してからアップロードしています。

このような元々のサイズが小さいファイルの場合、サムネイルの画像サイズが大きくなってしまったようです。

画像の圧縮とは?

画像のサイズ(面積)はそのままに、容量を減らす技術。画質は多少劣化する。

iLoveIMGはこのような画像圧縮の他、縮小や切り抜きなどもできる。

一度に複数の画像を圧縮できるのが便利。

ちょっと処理が遅いかな?と思うので他のサイトも試してみようかと模索中。

他にはTinyJPGなどが有名らしいです。

こちらの記事でオンライン画像圧縮サイトについて比較してみました。

対応したこと

サムネイルを全て作成しないように設定

幅300のサムネイルは記事一覧で使っていたのですが、フルサイズの方が小さいならフルサイズ使えばいいし。ということでサムネイルを使わないことにしました。

アイキャッチ以外の画像もできる限り縮小や圧縮をして、フルサイズで使っても重くないようにしてからアップロードしてます。

少し面倒ですが、同じ画像が何枚も作成されないので、後の管理は楽になるはず。

-ウェブサイト構築, word press

コメントを残す

お名前もメールも入力は任意です。お気軽に指摘や質問などしていただけると嬉しいです。

Gravatarに登録すると、お好きな画像をアバターに設定できます。

Copyright© ニケッチャニッキ , 2017-2018 All Rights Reserved.