WordPress|TinyPNG JPEG, PNG & WebP image compressionの設定方法

BLOG

こんにちは、もぐです。

今回紹介するTinyPNG JPEG, PNG & WebP image compressionは画像を圧縮することで
ブログ・サイトの軽量化に効果があるプラグインの紹介です。

もぐ
もぐ

登録すれば簡単に始められます!

画像の表示速度を上昇させることは
・SEO対策
・離脱率の抑制

の効果が期待できるので、とてもおすすめです!

この記事はこんな人におすすめ
  • サイト・ブログの容量が重い
  • 画像をよく使用する
  • 画像の表示速度が遅い

TinyPNG JPEG, PNG & WebP image compressionのメリット・デメリット

TinyPNG JPEG, PNG & WebP image compressionのメリット
  • 今後アップロードする画像を自動で圧縮できる
  • 過去にアップロードした画像への適用も可能
  • なんと言っても高圧縮!
  • 圧縮されても画像が綺麗
TinyPNG JPEG, PNG & WebP image compressionのデメリット
  • プラグイン後に登録の必要がある(でも簡単!)
  • 無料で圧縮できるのは1ヶ月に500枚迄

デメリットとして登録の手間をあげていますが
後述の通り、非常に簡単です。

もぐ
もぐ

名前とアドレスを登録、
その後メールを確認してクリックするだけ!

プラグインをインストール・有効化しよう

インストール方法
  • WordPressの管理画面から【プラグイン】選択
  • 「新規追加」をクリック
  • キーワード検索欄に「TinyPNG JPEG, PNG & WebP image compression」を入力し
    「今すぐインストール」をクリック
  • 「有効化」をクリック

パンダが目印です!

TinyPNG JPEG, PNG & WebP image compressionの登録

プラグインをインストール→有効化しても
まだ登録前では上記のような警告が出ます。

左側の赤丸に
・名前
・メールアドレス

を入力し、登録用メールを受信しましょう。

メールが届くので
Active your account」をクリックします。

クリック後、ステータスが
「Active」になっていることはしっかり確認を!

プラグイン画面に戻り、更新すると
account connectedになっていると思います。

これで登録は完了です!

TinyPNG JPEG, PNG & WebP image compressionの登録
  • 設定画面から「名前」「メールアドレス」を入力し
    登録用メールを送る
  • 受信したメールの「Active your account」をクリック
  • ステータスが「Active」になっていることを確認
  • プラグイン画面に戻って確認

TinyPNG JPEG, PNG & WebP image compressionのおすすめ設定

New image uploads

New image uploads
  • Compress new images in the background (Recommended)
    →バックグラウンドで新規画像を圧縮する(推奨)
  • Compress new images during upload
    →アップロード時に新規画像を圧縮する(時間がかかる)
  • Do not compress new images automatically
    →新しい画像を自動的に圧縮しない(手動)

3種類ありますが、特段希望がなければ
推奨されている「Compress new images in the background (Recommended)」を選択しましょう。

New image uploads
  • 「Compress new images in the background (Recommended)」を選択

Image sizes

初期は全てチェックされているのですが
当ブログでは上記二箇所のみを選択しています。

もちろん、全て選択しても構いません。

ですがブログで写真を多く使用している場合は
全て選択をしてしまうと
1枚の写真につき、5ファイル分の圧縮が必要となってしまいます。

無料の圧縮数は500枚/月 ですので
節約したい場合は同じような設定をおすすめします。

  • 写真数が多い:「Original image」「Large」のみの選択推奨
  • 写真数が少ない:全て選択(初期のまま)を推奨
Image sizes
  • 「Original image」「Large」を選択

Original image

Original image
  • Resize the original image
    →オリジナル画像のサイズ上限を設定する
  • 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のみ)

ここでの設定は
Resize the original image」のみで良いでしょう。

設定したからといっても
縦横比は維持されるので心配要りません。

Original image
  • 「Resize the original image」を選択

最後にしっかりと「変更を保存」をクリックです!

アップロード済み画像への適用

まだ画像が0枚であれば問題ないのですが
すでにアップロードされた画像がある場合は
設定が必要です。

  1. 一括を自動で適用(画像ファイル500以下ならおすすめ)
  2. 個別に手動で適用(画像ファイル500以上ならおすすめ)

一括を自動で適用

アップロード済み画像への適用
  • WordPress管理画面サイドバー「メディア」を選択
  • 「Bulk Optimization」を選択

一括でアップロードしようとすると
上記画面になります。

$7.03がかかる費用です。

500ファイル上限のところ、当ブログでは
671ファイルでしたので一括で行うには無料ではできませんでした。

もぐ
もぐ

500ファイル満たなければ
$0(無料)になるので
「Upgrade account」クリックOK!

個別に手動で適用

アップロード済み画像への適用
  • WordPress管理画面サイドバー「メディア」を選択
  • 「ライブラリ」を選択
  • 表示を一覧表示へ

上記画面になりますので、早速圧縮をしていきます。

右部分の「Compress」をクリックします。

圧縮が終わると上記のメッセージになります。

18%が圧縮されたということを表します!
当ブログでは30〜40%前後の圧縮が多かったです。

500ファイルを超えると…

ちなみに個別に行なっていても500ファイルに到達すると
「Your monthly limit has been exceeded.」と表示されます。

毎月の制限が超えてしまったということですので
来月まで気長に待ちましょう!

その他おすすめのプラグイン

おすすめプラグイン
  • Akismet Anti-Spam (アンチスパム)
    スパム保護のプラグイン
  • Broken Link Checker
    リンク切れのチェックプラグイン
  • Pochipp
    アフィリエイトリンクを簡単に作成・管理するプラグイン
  • TinyPNG – JPEG, PNG & WebP image compression
    画像を圧縮するためのプラグイン
  • Converter for Media
    画像の容量を削減してくれるプラグイン
  • Autoptimize
    サイトの表示速度・パフォーマンス改善につながるプラグイン

WordPressのプラグイン種類は非常に多いです。
必要なものは探し、調べて、一緒に学んでいきましょう!

それでは!

───初出掲載───

2023年1月16日

───最終更新───

2023年4月1日

この記事を書いた人
もぐ

ネイルが好きなOL。
不動産屋で働きながらブログ書いてます!
【資 格】宅地建物取引士|簿記3級|FP3級|JNAジェルネイル技能検定初級|JNECネイリスト技能検定3級|化粧品検定3級

BLOGWordPress
NAIL OL LIFE

コメント

タイトルとURLをコピーしました