BLOG WORDPRESS

ワードプレス14個の画像最適化プラグイン

更新日:

ワードプレスは何もしなくても画像を圧縮して表示します。テーマによってこれが目立つことがあり、回避コードなんかも使ってましたが、最近は目立たないような気がします。

メンバーサイトなどをやっていると、デジカメやスマホで撮影したバカでかい写真をそのまま使う人が非常に多いです。そりゃ、SNS等では当たり前だからその感覚はわかりますが共有サーバーレンタルしているような身分にはきついです。

作ったサイトで、更新ができないと言われることがありますが、ほとんどがスマホから更新しており、画像が重すぎてタイムエラーを起こしてしまうんだとおもいます。自分はPCが当たり前だけどPC持っていない、自分のPCサイトは見た事がないお客さんもいます。お客さん仕事をやっている限り、こういう条件も当たり前に対応せねばならないのです。

画像の圧縮、最適化は、サイト表示が軽くなるだけでなく、SEOの観点からも大事な事です。見た目でわかる変化ではないので、おざなりですが、最優先で取り組むべき施策かもしれません。

WP Smush

Compress and optimize (or optimise) image files, improv…

By WPMU DEV

(4,281)
Last Updated: 5日 ago
1+ Million Active Installs
Compatible up to: 5.2.1

世界では最も有名で使われているもの。
有料版もあるかな。WP Smushを使用すると、JPEG、GIF、PNG画像を専用のスマッシングサーバーを使用して個々にまたは一括して32MBまで圧縮できます。JPEGファイルからメタデータを取り除き、JPEG圧縮を最適化し、特定のGIFをインデックス付きPNGに変換し、使用されていない色をインデックス画像から取り除くことによって動作します。
NextGEN GalleryやWP Retina 2xとも互換性があり、可能な限り小さなファイルサイズで高画質の画像を表示します。デフォルト機能として検討されているくらい、最先端で優秀なプラグインだそうです。でも、APIだかで登録が必要っぽかたので使用を断念しました。

EWWW Image Optimizer

Speed up your website and improve your visitors' experience by automatically compressing and resizing images and PDFs.

By Exactly WWW

(362)
Last Updated: 2週間 ago
700,000+ Active Installs
Compatible up to: 5.2.1

日本では最も有名なプラグイン。
最高の最適化ではないが、日本語対応しており、更新もしているので安心感があります。サイトに画像をアップロードする際に自動的かつ無損失に画像を最適化します。また、以前にアップロードした画像を最適化することもできます。ロスレス圧縮なので、見た目の劣化は感じません。

CW Image Optimizer

Reduce image file sizes and improve performance using Linux image optimization programs.

By Jacob Allred

(14)
Last Updated: 4年 ago
1,000+ Active Installs
Compatible up to: 4.1.26

サイトに画像をアップロードする際に画像を自動的かつロスレスに最適化し、以前にアップロードした画像も最適化できるプラグインです。このプラグインはWP Smush.itに基づいていますが、自分のサーバー内での処理になります。共有サーバーだと厳しいかもしれません。Linuxイメージの最適化プログラムを使用し、サーバー上でリアルタイムに画像を処理します。処理は完全にロスレスで、処理中に画像の品質が損なわれることはありません。

Imsanity

Imsanity は巨大な画像のアップロードを自動的にサイズ変更します。投稿者は巨大な写真をアップロードしていますか? 手動スケーリングに疲れましたか? 不満への救済です!

By Exactly WWW

(226)
Last Updated: 1か月 ago
300,000+ Active Installs
Compatible up to: 5.2.1

イメージを自動的に「正常な」サイズに変更します。幅、高さ、品質を最大限に設定できることです。他のプラグインとの違いは、圧縮するのではなく、サイズを制限する事です。数千ピクセルもある画像をアップロードされた時、それを好きな大きさにリサイズしてくれます。

Hammy

Hammy speeds up your website by generating and serving resized images for your content area depending on content width.

By Noel Tock

(16)
Last Updated: 5年 ago
1,000+ Active Installs
Compatible up to: 3.7.29

このプラグインは画像から、いくつかの小さなイメージを作ります。訪問者があなたのサイトをみると、最も適切なサイズの画像(または可能な限り小さなもの)が表示されます。これにより、特にモバイルユーザーにとって、より良い、より速い体験が可能になります。普通のレスポンシブサイトだと同じ画像を使いますが、これを使えばそれぞれのデバイスに最適な大きさの画像を表示します。

PB Responsive Images

Adds support for the proposed responsive image format in post content, and helper functions for theme authors.

By Phenomblue

(7)
Last Updated: 5年 ago
500+ Active Installs
Compatible up to: 3.9.27

自動的にすべてのイメージをw3.orgのレスポンシブイメージコミュニティグループが提案したピクチャタグに似た形式に再フォーマットします。

Prizm Image

ユニークなAPIを使用して画像を処理し、圧縮して品質と美しさを失わないようにします。これは画像のメタデータを取り除き、画像のファイルサイズを大幅に縮小します。JPEG、GIF、PNGの形式で画像を最適化することができます。このプラグインを使用する前にユーザーアカウントを登録する必要があります。

WordPress Image Shrinker

Reduce image file sizes drastically and improve performance and Pagespeed score using the TinyPNG API within WordPress. Works for both PNGs and JPGs.

By HETWORKS

(3)
Last Updated: 4年 ago
100+ Active Installs
Compatible up to: 4.1.26
画像の品質を損なうことなく、JPEGやPNGのサイズをはるかに小さなサイズに圧縮するために、TinyPNG APIで動作する画像最適化プラグインです。

Optimus

Effective image compression and optimization during the upload process. Smart, automatic and reliable.

By KeyCDN

(67)
Last Updated: 1か月 ago
60,000+ Active Installs
Compatible up to: 5.2.1
画像のサイズを70%縮小できると主張していますが、無料版ですと100 KB未満のサイズの画像しか扱えません。有料版だと5MBになります。

ShortPixel Image Optimizer

Speed up your website and boost your SEO by compressing old & new images and PDFs. Compatible with any gallery, slider or ecommerce plugin.

By ShortPixel

(448)
Last Updated: 3週間 ago
100,000+ Active Installs
Compatible up to: 5.2.1

画像だけでなくPDFファイルも圧縮できます!JPEG、GIF、およびPNGの形式でファイルを圧縮および処理することができます。損失のある処理と無損失の処理のどちらを選択するかは選べます。このプラグインの無料版では、1か月あたり100枚の画像を処理できます。もっとたくさんの場合は、月額一定額を支払うだけでプレミアムプランを取得できます。

SEO Friendly Images

SEOフレンドリーイメージは、検索エンジンからのトラフィックを改善するために、すべての画像にalt属性とtitle属性を自動的に追加します。

By Vladimir Prelovac

(60)
Last Updated: 4年 ago
100,000+ Active Installs
Compatible up to: 4.1.26
適切なALTおよびTITLE属性を使用してすべてのイメージを編集し、SEOを向上させます。画像にALTとTITLEが設定されていない場合は、設定したオプションに従ってこのプラグインが追加されます。

Media File Renamer

ファイル名を最適化して、クリーンなシステムとより良い SEO を実現しましょう。

By Jordy Meow

(248)
Last Updated: 3か月 ago
40,000+ Active Installs
Compatible up to: 5.1.1

タイトルを更新してメディアファイルの名前を変更することができます。また、投稿のリンクも自動的に更新されます。Googleのような検索エンジンはファイル名を重視しているので、説明的で適切なキーワードを使用して画像のSEOを向上させることが重要です。

Lazy Load

ページ読み込み時間とサーバー帯域幅を向上させるために画像を遅延読み込みする。画像は、ユーザーが見えるときにのみ読み込まれます。

By Mohammad Jangda

(51)
Last Updated: 7か月 ago
80,000+ Active Installs
Compatible up to: 5.0.4

遅延ロードを使って画像が表示されているときにのみ画像を読み込みます。文字だけ表示されている時には画像を読み込まないので表示が速くなります。また、サーバーの負荷をはるかに低く抑えます。

BJ Lazy Load

画像と iframe の遅延読み込みはウェブサイトの読み込みを早くして、通信帯域を節約します。外部の JavaScript ライブラリに頼らないため、JavaScript が機能しない環境でも正常に動作します。 …

By Bjørn Johansen, Aron Tornberg, angrycreative

(84)
Last Updated: 2年 ago
90,000+ Active Installs
Compatible up to: 4.9.10

Lazy Loadとは異なり、プレースホルダの選択やクラスでのイメージのスキップなど、プラグインの動作をカスタマイズできる簡単な設定がいくつかあります。このプラグインは、最適化されたサイズの画像に対応し、レスポンシブデザインで縮小された画像を自動的に配信し、hiDPI画面(Appleのラティーナディスプレイなど)用のhiDPI画像を自動的に配信します。

まとめ

全て、優れた機能を提供してくれるプラグインですが、自分の目的にピッタリあったものを選ぶことです。評価や更新の新しさも大きな目安です。圧縮技術も日々進化しているので、更新が新しく、評価が高いものが最強です。

自分は日本人なので、日本で有名なものが安心だという基準で

EWWW Image Optimizer
で、画像の最適化を行い

Imsanity
で、大きすぎる画像に限度を持たせています。
Imsanityはメンバーサイトだけです。

もっと細かく追及すべき大事なテーマですが、この程度で限界です。無料でできる事には限界があり、有料の方がはるかに優れたパフォーマンスを発揮するでしょう。見た目が変わるものではなく、むしろ、使い方次第では見た目を犠牲にする機能なので初心者には関心が持てないテーマだとおもいますが、サイトのアクセスを伸ばしたい、将来はすごいサイトに成長したいと考えているのなら、無視できない部分です。どういうサイトにしたいのかというビジョンが大事です。名刺代わり程度で更新しないサイトには必要ありません。サーバー選びも同様です。安さだけ求めるのはサイトがしょぼいままで構わないというのと同義であり、成長したいなら後で後悔することになります。

  • この記事を書いた人
  • 最新記事
7seconds

sevenseconds

PHP CSS わかんないけどわかります。Webが出来るから下請けしようではなく、自分で生かして食っていこうな人です。

-BLOG, WORDPRESS

Copyright© セブンセカンズ , 2019 All Rights Reserved.