手間なく画像圧縮!Compress JPEG & PNG imagesの使い方

手間なく画像圧縮!Compress JPEG & PNG imagesの使い方WordPressの使い方

プラグイン「Compress JPEG & PNG images」を使って画像圧縮する方法を知りたい!

という人のために使い方を紹介します。

見やすい記事にするために画像を使うことは大事ですが、サイトに容量の大きい画像が溜まってくるとサイトの表示速度が遅くなる原因になってしまいます。

表示速度が遅いと読者は待たずに記事を読まずに帰ってしまいますし、SEO的にもマイナスになってしまいます。

画像を多く使うWordPressサイトなら、ぜひ入れておくのがおすすめです。

 

スポンサーリンク

Compress JPEG & PNG imagesとは

「Compress JPEG & PNG images」とは、WordPressにアップロードした画像を自動で圧縮してくれる無料プラグインです。

画像を圧縮サイトで有名な「TinyPNG」のプラグイン版となっています。

サイト版を使うより、プラグインを使う方が便利だよ!

サイト「TinyPNG」を使う方法だと、以下の3つの手順踏むことになります。

  1. TinyPNGに画像をアップロード
  2. TinyPNGから画像をダウンロード
  3. WordPressに画像をアップロード

しかしプラグイン「Compress JPEG & PNG images」を使うと、

  1. WordPressに画像をアップロード

↑この1つの手順だけで画像を圧縮できます。なのでプラグインを入れて使うのがおすすめです!

ただプラグインは、1か月のアップロードできる画像の数500枚まで上限数が決まっています(それ以上は有料で使用可能です)

なので、上限数を超えたらサイト版を使えばいいかと思います。

また、画像を圧縮すると「画質が汚くならないか心配…」と思うかもしれませんが、このサイトは写真がメインではないので、まったく問題なしです。ブログで使う分には十分きれいだと思います。

 

Compress JPEG & PNG imagesのインストールと登録方法

WordPress プラグイン 追加

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

 

Compress JPEG & PNG imagesのインストール

プラグイン追加のページが開いたら、右上の検索ボックスに「Compress JPEG & PNG images」と入力します。

その名前のプラグインが表示されたら「今すぐインストール」をクリックします。インストールが完了したら「有効化」をクリックしましょう。

 

Compress JPEG & PNG imagesの設定

するとプラグイン一覧の画面になるので、Compress JPEG & PNG imagesの「settings」をクリックします。

 

ompress JPEG & PNG imagesの登録方法

まず最初にアカウントの登録が必要ですが、名前とメールアドレスの登録だけなので簡単です。

  1. Your full name:自分の名前(フルネームじゃなくても大丈夫でした)を入力します
  2. Your email address:自分のメールアドレスを入力します
  3. 入力が終わったら「Register Account」をクリックします

これで登録が完了です。

 

Compress JPEG & PNG imagesの登録完了メール

すると、登録したメールアドレス宛に登録完了のメールが届きます。このメールの「Activate your account」をクリックすると、アカウントが有効化されます。

 

Compress JPEG & PNG imagesの有効化

アカウントを有効化したらWordPressの画面に戻り、ページ更新すると「Your account is connected」と表示されるかと思います。これでアカウントを有効化が完了です。

 

Compress JPEG & PNG imagesの設定方法

Compress JPEG & PNG imagesの設定をしていくよ!設定項目が3つあるので順番に見ていきます。

New image uploads

Compress JPEG & PNG images New image uploadsの設定こちらは、推奨されている一番上をチェックしておけばOKです。

そのまま訳してみると…

  • Compress new images in the background (Recommended)
    早くアップロードできるけど、画像関連のプラグインで問題が発生する可能性があります。
  • Compress new images during upload
    アップロードに時間がかかるけど、他のプラグインとの互換性が向上します。
  • Do not compress new images automatically
    画像アップロード時の自動圧縮をオフに出来ます。

ということなので他に画像プラグインを使っていなければ、早く処理できる1番上を選んでOKです。

 

Image sizes

Compress JPEG & PNG images Image sizesの設定

「Original image (overwritten by compressed image)」と「Thumbnail - 150x150」にチェックを入れておけばOKです。

ここでは圧縮する画像を指定しています。

  • Original image:アップロードするオリジナル画像
  • Thumbnail、Mediumなど:WordPressに画像をアップロードした時に自動生成されている画像(使用テーマによってかわってきたりします)

WordPressに画像をアップロードすると、画像サイズを変えたものがいくつか自動で保存されています。これも選択するとサイズごとに1カウントとして処理されます。

上のように2つ選択すると、1つの画像をアップロードすると2枚圧縮されます。なので実質1か月の上限数が250になっています。

チェック項目を増やすと上限数の500枚にいつの間にか達してしまうので、普段使う「オリジナル画像」と「サムネイル画像」だけでいいと思います。

 

Original image

Compress JPEG & PNG images Original imageの設定

基本的に全て空欄のままでOKです。

  • Resize the original image:アップロードした画像サイズが指定サイズより大きい時、指定したサイズまで縮小

アップロード前にリサイズしている場合は不要ですが、大きい画像をそのままアップロードするときはこちらを利用することもできます。

こちらにチェックを入れると、幅の上限・高さの上限を設定できるようになります。

しかし、リサイズも画像処理として1カウントされてしまうので、1か月500枚を気にする場合は注意が必要です。

 

  • Preserve creation date and time in the original image:画像が持っている作成日情報
  • Preserve copyright information in the original image:画像が持っている著作権情報
  • Preserve GPS location in the original image (JPEG only):画像が持っている位置情報(画像形式がJPEGの時だけ)

その下の3つの項目は、metaデータという画像ファイル内の文字情報を残すかどうかの項目です。残す場合はチェックします。

metaデータは個人情報が含まれる場合があるので、特に必要がなければ残さない方がいいですね。なのでチェックは入れていません。

 

すでにアップロード済みの画像の圧縮方法

すでにWordPressにアップロードしている画像も圧縮できます!

一括で画像を圧縮する方法

Bulk Optimizationの設定方法

管理画面から「メディア>Bulk Optimization」をクリックします。

 

Bulk Optimizationの設定方法

するとこのような画面が表示されるので、「Start Bulk Optimization」をクリックすると、圧縮されていない画像をまとめて圧縮できます。

しかしアップロード済みの画像の数が多い時は注意です。1か月の上限数が500枚なので一気に使い切ってしまう可能性があります。

そんな時は、個別で画像を選び少しづつ圧縮することもできます。

 

個別で画像を圧縮する方法

Compress JPEG & PNG imagesで一括で画像を圧縮する方法

管理画面から「メディア>ライブラリ」をクリックします。

 

Compress JPEG & PNG imagesで個別で画像を圧縮する

  1. リスト表示に切り替えます。
  2. 圧縮したい画像の「Compress」をクリックすると、その画像だけを圧縮することができます。

 

月の上限数を超えたらサイト版「TinyPNG」を使う

月の上限数500枚を超えてしまったら、サイト版を使用して画像圧縮をしよう!

TinyPNG

≫TinyPNG

TinyPNGを使用する場合は、WordPressにアップロードする前にこのサイトを使用します。ツールのダウンロードなどは必要なく、サイト上で使えます。

 

TinyPNGの使い方

使い方は簡単。

  1. ①をクリックし、圧縮したい画像を選びます。(複数まとめて選択することもできます)
  2. ②画像を選ぶと勝手に圧縮が始まり、終わると「download」ボタンが現れるので、クリックするとダウンロードできます。

後はダウンロードしたものをWordPressにアップロードすればOKです。

 

以上がCompress JPEG & PNG imagesの使い方でした。

記事に画像を使ってわかりやすくしたり、読みやすくすることはサイトにとってもちろん大事です。

しかしページの読み込み速度が遅いと読者のストレスになるし、読まずに帰ってしまったりされては意味がなくなってしまいます。

画像を多く使っているサイトではぜひ設定してみて下さい。

スポンサーリンク
WordPressの使い方
スポンサーリンク
data-matched-content-ui-type="image_card_stacked" data-matched-content-rows-num="3" data-matched-content-columns-num="3" data-ad-format="autorelaxed">
スポンサーリンク
あごうさブログ
タイトルとURLをコピーしました