WordPress(ワードプレス)の画像圧縮方法の違いによる写真画質の比較を行います。今回はワードプレス標準のGDと、プラグイン「Compress JPEG & PNG images」、プラグイン「ImageMagick」の3者で比較を行います。

プラグイン ImageMagick と Compress JPEG & PNG images の圧縮率と写真画質比較

元画像

今回の比較に際し、オリジナル画像はこちらの2種類の画像を使用することにします。サイズはアップロード時に 600×600 にリサイズさせることにします。

画像A
画像B

1.ファイルサイズ

圧縮方法を変えて作成させた画像のファイルサイズは、それぞれ下記のようになりました。

1)画像 A

  • WP オリジナル(GD): 49.2KB
  • Compress JPEG & PNG images : 35.5KB
  • ImageMagick Quality 80 : 54.3KB
  • ImageMagick Quality 50 : 35.9KB

2)画像 B

  • WP オリジナル(GD): 69.5KB
  • Compress JPEG & PNG images : 60.5KB
  • ImageMagick Quality 80 : 75.5KB
  • ImageMagick Quality 50 : 46.5KB

2.画質比較

画像上のスライダーを左右に動かして比較してみてください。

1)GD vs Compress JPEG & PNG images

左が GD 、右が Compress JPEG & PNG images です。サイズが大きいだけあって、画質的には GD の方がエッジがはっきりしていて、色も綺麗です。 Compress JPEG & PNG images の方がモスキートノイズも多くぼやけています。少し色の明暗差も浅くなっているように感じます。

(1) 画像 A
(2) 画像 B

2)ImageMagick Quality 80 vs Compress JPEG & PNG images

テキスト左が ImageMagick Quality 80、右が Compress JPEG & PNG images です。サイズが大きいだけあって、画質的には ImageMagick Qulity 80 の方がエッジがはっきりしていて、色も綺麗です。 Compress JPEG & PNG images の方がモスキートノイズも多くぼやけています。少し色の明暗差も浅くなっているように感じます。

(1) 画像 A
(2) 画像 B

3)ImageMagick Quality 50 vs Compress JPEG & PNG images

左が ImageMagick Quality 50、右が Compress JPEG & PNG images です。この2つは同程度のファイルサイズとなっています。画質的には ImageMagick Quality 50 の方がエッジがはっきりしていますが、モスキートノイズが多く発生していますし、ブロックノイズも多いです。 Compress JPEG & PNG images の方がモスキートノイズ、ブロックノイズは少ないのですがぼやけています。少し色の明暗差も浅くなっているように感じます。

(1) 画像 A
(2) 画像 B

4)GD vs ImageMagick Quality 80

左が GD、右が ImageMagick Quality 80 です。画質的には ImageMagick Quality 80 の方がエッジがはっきりしていますが、モスキートノイズは少し多いです。すっきりと見えるのは ImageMagickのほうです。

(1) 画像 A
(2) 画像 B

3)画質比較まとめ

ファイルサイズに対する画質から考えると、有料のプラグインだけあって、「 Compress JPEG & PNG images 」は綺麗です。モスキートノイズを減らすためでしょう少しボカシが入っていることもPNGのイラストなどには有効だと思います。月に500枚までは無料ですし、写真をあまりアップしないのであれば利用してもよさそうに思います。

しかし、我々のように写真中心のサイトのために利用する場合は、ImageMagick の方がむしろ使いやすいように思います。綺麗に見せたいサイズには圧縮率を低く(設定数字を大きく)し、そうでもないサムネイルは圧縮率を大きく(数字を小さく)すれば良いのですから。

3.各プラグインのインストールと設定方法

各プラグインのインストールと設定方法については下記のページで説明しています。

今回比較した2つにプラグインはどちらも有名で、利用者も多いものになります。サイトでの画像の利用の仕方によって、おすすめはわかれます。こうして比較してみると、プラグインによって結構写真の画質は違うものだなっていうのがわかって面白いですよね。

ワードプレス無料ギャラリー Robo Gallery 設定と機能

Wordpress(ワードプレス)の無料ギャラリープラグインにはいろいろありますが、Robo Gallery...
divi-lesson5-2-movie

ワードプレス Diviの動画利用方法 Diviレッスン5-2

今回は Divi で作成しているサイトに動画を設定する方法について図解します。Divi...

画質比較 Compress JPEG & PNG プラグインのインストール

WordPress(ワードプレス)に画像圧縮のためのプラグイン「 Compress JPEG & PNG images...

オンラインでWebMに動画変換する方法 Convertioを利用

動画を次世代フォーマットの WebM に変換する方法はいろいろありますが、オンラインファイルコンバーターの「Convertio」を利用することで、オンライン上で簡単に WebM...

簡単綺麗な写真ギャラリー Envira Photo Gallery 2019 ワードプレス

WordPress(ワードプレス)で写真を綺麗に魅せるサイトを作るには、ギャラリープラグインを使うのも有効です。今回は、数あるギャラリープラグインの中から「Gallery Plugin for...

Pin It on Pinterest