WordPress最適化

アップロード済みの画像圧縮なら「Compress JPEG & PNG images」

パソコンの画像

 

こんにちは。
必死に張り切る ひしはり です。

 

ひしはり
ひしはり
画像圧縮せずにブログにアップロードした画像は
あとから圧縮することが
できるの?

ブログにアップロードしたあとにどうやって画像を
圧縮すればいいの?

本記事では
このような疑問にお答えします。

 

本記事の内容

❶ 画像圧縮なら「Compress JPEG & PNG images」

❷ 画像圧縮プラグイン「Compress JPEG & PNG images」の特徴

❸ 「Compress JPEG & PNG images」のインストール方法

❹ 「Compress JPEG & PNG images」の設定方法

❺ 「Compress JPEG & PNG images」の使い方

 

ブログにすでに
アップロード済みの画像を
圧縮したいときは、
今日ご紹介するこの
「Compress JPEG & PNG images」
というプラグインがおすすめです。

個別でも一括でも
画像圧縮してくれる優れものですので、
ブログにアップロード済みの画像を
圧縮したいときは非常に便利です。

「Compress JPEG & PNG images」
使えば、ブログの表示速度や
読み込み速度が
遅くなることを防げて
読者のユーザビリティアップに
つなげることができますよ!

 

この記事を書いている人

この記事を書いている私はブログ歴4年目

現在は本業のサラリーマンの傍ら副業ブロガーとして活動しています。

Twitter(ひしはり人生再構築ブロガー)のフォロワーは1800人ほど。

画像圧縮なら「Compress JPEG & PNG images」

Compress JPEG & PNG imagesの設定の画像

 

このプラグインは
パンダの画像で有名な
TinyPNGが提供している
画像圧縮ツールの
WordPressプラグイン版です。

私は普段
「EWWW Image Optimizer」という
画像圧縮プラグインを使用しています。

WordPressプラグインの
「EWWW Image Optimizer」については
以下の記事にくわしく
まとめていますので、
合わせてぜひ、参考にどうぞ!

 

パソコン画像
画像を圧縮「EWWW Image Optimizer」の設定方法サイトやブログの表示速度の低下を防いでくれる「WordPress」の画像圧縮プラグイン「EWWW Image Optimizer」の設定方法と使い方を知りたいですか?本記事では「EWWW Image Optimizer」の設定方法と使い方をわかりやすく画像付きでご紹介しています。サイトやブログの表示速度の低下を防いでくれる「WordPress」の画像圧縮プラグイン「EWWW Image Optimizer」の設定方法と使い方を知りたい方はぜひ、記事をご覧ください!...

 

画像圧縮プラグインを
使用しているにも関わらず、
記事数が増え、
画像も増え出して来たら
どんどんとブログの表示速度や
読み込み速度が
遅くなって来たんですね(泣)

いわゆる「重い」状態に
なって来たんですね。

そこでいろいろ原因を調べてみると
1番の原因は
「画像」にあることが
わかりました。

それまではフリー画像サイトなどから
ダウンロードした画像であったり、
自分で撮ったスクリーンショットなどを
そのままブログにアップしていました。

ちなみに「スクリーンショット」とは
略して「スクショ」ともいわれますが、
今見ているパソコンの画面だったり、
スマホの画面を撮影して
画像にできる機能のことです。

ブログ運営での
画像最適化ということに関しては、
画像圧縮プラグインで有名な
「EWWW Image Optimizer」
導入しているので
それでいいという認識だったんですね。

でも、実際はそれだけでは足りなくて
画像をブログにアップする前に
その画像の「圧縮」と「縮小」
しておく必要があったんです。

そのあたりのことは
以下の記事に
くわしくまとめていますので、
ブログやサイトの表示速度の重たさに
悩んでおられる方は
ぜひ、参考にどうぞ!

 

画像編集の画像
初心者でも簡単!画像の圧縮・縮小なら「I LOVE IMG」サイトやブログにアップする画像を初心者でもかんたんに圧縮したり、サイズを編集したりできる無料ツールの「I LOVE IMG」の使い方を知りたいですか?本記事では初心者でもわかりやすく画像付きで解説しています。初心者でもかんたんに画像を圧縮したり、サイズを編集したりできる無料ツールの「I LOVE IMG」の使い方を知りたい方はぜひ、記事をご覧ください!...

 

そこですでに
ブログにアップロードしている
画像を圧縮できるツールはないかと
探していたところ、
今回ご紹介するWordPressプラグインの
「Compress JPEG & PNG images」
たどり着いたわけです。

「Compress JPEG & PNG images」の特徴

パンダの画像

 

「Compress JPEG & PNG images」
画像をWordPressへ
アップロードするたびに、
自動で圧縮してくれます。

平均して30%〜40%、
画像によっては50%〜70%以上
ファイルの容量を圧縮してくれます。

画質の劣化といった点でも
見た目にはほとんどわかりません。

圧縮対象の画像を一括でも個別でも
指定することができます。

基本的には無料で使えますが、
「1ヶ月の利用上限が500枚まで」
と決められています。

万が一500枚を超えてしまっても
クレジットカード登録をしていなければ、
制限がかかって勝手に課金されることは
ありませんので安心して使えます。

それに500枚を超えれば
Web版を使えばいいだけのことなので
特に問題はないかと思います。

 

 

利用上限は毎月月初に
リセットされます。

 

Compress JPEG & PNG imagesの特徴まとめ

① 画像をWordPressへアップロードするたびに自動で圧縮してくれる

② 平均して30%〜40%、画像によっては50%〜70%も圧縮してくれる

③ 画像の劣化はほとんどわからない

④ 圧縮対象の画像を一括でも個別でも指定することができる

⑤ 月に500枚まで無料で使用できる

 

それでは
「Compress JPEG & PNG images」
設定方法と使い方についてわかりやすく
ご紹介して行きたいと思います。

「Compress JPEG&PNG images」のインストール方法

インストールのイラスト画像

 

まずは、WordPressの管理画面の
左メニューから
「プラグイン」「新規追加」
をクリックします。

 

Compress JPEG & PNG imagesの設定の画像

 

画面が移動したら
右上の検索フォームに
「Compress JPEG & PNG images」
と入力します。

 

Compress JPEG & PNG imagesの設定の画像

 

すると
「Compress JPEG & PNG images」
インストール画面が表示されますので、
「今すぐインストール」
をクリックします。

続いて「有効化」
クリックします。

 

Compress JPEG & PNG imagesの設定の画像

 

これでインストールは完了です。

続いて
「Compress JPEG & PNG images」
設定を行っていきます。

「Compress JPEG & PNG images」の設定方法

疑問解決マークの画像

TinyPNG の新規アカウント登録

 

まず最初に「TinyPNG」
新規アカウント登録をします。

赤枠の中に
氏名とメールアドレスを入力して
「Register Account」
書かれた青色のボタンを
クリックします。

 

Compress JPEG & PNG imagesの設定の画像

 

すると以下のような画面が表示され、
入力したメールアドレスに
登録完了のメールが届きます。

 

Compress JPEG & PNG imagesの設定の画像

 

アカウントを有効化するための
リンクが送信されているので、
メールを確認して
アカウントを有効化してください。

有効化が完了すると、
以下のような、
アカウントが有効化された内容の
メッセージが表示されます。

 

Compress JPEG & PNG imagesの設定の画像

 

サービスを利用するための
「API キー」は、
自動的にWordPressへ
設定されます。

これで新規アカウントの登録は完了です。

New image uploads の設定

 

続いて
「New image uploads」の設定ですが、
これは新しくアップロードした画像を
どのタイミングで圧縮するかを
指定する設定です。

こちらは推奨されている
1番上の項目に
チェックを入れておけばOKです。

 

Compress JPEG & PNG imagesの設定の画像

 

ちなみに上から順に

・バックグラウンドで新しい画像を圧縮する(推奨)

・アップロード中に新しい画像を圧縮する

・新しい画像を自動的に圧縮しない

といった内容になっています。

Image sizes の設定

 

続いて
「Image sizes」の設定ですが、
ここでは圧縮する画像を
指定しています。

1番上の
「Original image
(overwritten
by compressed image)」
2番目の
「Thumbnail – 150×150」
チェックを入れておけばOKです。

 

Compress JPEG & PNG imagesの設定の画像

 

WordPressは
画像をアップすると
自動的に複数のサイズの画像を
作成しています。

チェック項目を増やすと
それだけ1ヶ月の上限数の
500枚に早く達してしまいます。

ですので、ここでのチェックは
普段使う頻度の高い
1番上の
「オリジナル画像」
2番目の
「サムネイル(アイキャッチ)画像」
のみでいいかと思います。

アップロードする画像
「1枚×チェック数」
となりますので
チェック項目を増やしたい方は
注意が必要です。

Original image の設定

 

最後に
「Original image」の設定ですが、
ここは基本的にチェックなしでOKです。

 

Compress JPEG & PNG imagesの設定の画像

 

1番上のチェック項目は、
アップロードした
オリジナルの画像サイズが
指定した画像サイズより大きい場合に
幅と高さの数値を指定することで
リサイズすることができます。

下の3ヶ所のチェック項目は、
上から順に画像に

・「作成日時を保存する」

・「著作権情報を保存する」

・「JPEG形式に限り GPSの位置情報を保存する」

という内容で、個人情報が
含まれる場合がありますので、
ここにチェックを入れる場合は
注意が必要です。

「変更を保存」をクリックしたら
「Compress JPEG & PNG images」
初期設定は完了です。

「Compress JPEG & PNG images」の使い方

設定の画像

 

続いてすでにブログに
アップロードしている
画像の圧縮方法について
ご紹介して行きますね。

アップロード済みの画像を一括で圧縮する方法

 

WordPressの
管理画面の左メニューから
「メディア」「Bulk Optimization」
をクリックします。

 

Compress JPEG & PNG imagesの設定の画像

 

画面が移動し本来でしたら
画像中央の青いボタン
「Start Bulk Optimization」
なっていますので
そこをクリックすると
圧縮されていない画像が
まとめて圧縮されます。

 

Compress JPEG & PNG imagesの設定の画像

 

この画像では1ヶ月の上限を
超えてしまっているために
「Upgrade account」
と表示されています。

赤枠部分の数字の意味は左から順に

・「アップロードされた画像」

・「圧縮されていない画像」

・「見積もり金額」

となっていますので、
見積もり金額が
0円になっていることを確認してから
「Start Bulk Optimization」
クリックするようにしましょう。

アップロード済みの画像を個別で圧縮する方法

 

次に個別で画像を
圧縮する方法ですが、
WordPressの
管理画面の左メニューから
「メディア」「ライブラリ」
をクリックします。

 

Compress JPEG & PNG imagesの設定の画像

 

左上のマークをクリックして
リスト表示に切り替えます。

 

Compress JPEG & PNG imagesの設定の画像

 

圧縮したい画像の
「Compress」をクリックすると、
その画像だけを
圧縮することができます。

 

Compress JPEG & PNG imagesの設定の画像

 

圧縮が完了したら緑色の
チェックマークに変わります。

 

Compress JPEG & PNG imagesの設定の画像

 

以上がブログにすでに
アップロードした
画像の圧縮方法のご紹介でした。

まとめ

 

今日はブログにすでに
アップロードした
画像を圧縮してくれる
「Compress JPEG & PNG images」
というプラグインをご紹介しました。

私のようにブログにすでに
アップロードした画像を
あとから圧縮したいと
思っておられる方も
おられると思います。

そういった方は、
ぜひ、今回の記事を
参考にしていただけたらと思います。

画像圧縮でしっかり対策して
ブログの表示速度を速く保ちたいと
必死に張り切る ひしはり でした。
今日はここまで。

関連記事