ブログ

WordPress に使う画像の圧縮・最適化とリサイズの方法【無料ツール一つで完結】

2020年5月3日

  1. HOME >
  2. ブログ >

WordPress に使う画像の圧縮・最適化とリサイズの方法【無料ツール一つで完結】

2020年5月3日

悩む人
WordPressの画像って何で圧縮・最適化したほうがいいの?どうやってするの?おすすめのツールは?

上記の疑問を本記事で解決します。

本記事の内容

  • WordPressの画像圧縮・最適化が必要な理由
  • 具体的な圧縮・最適化の方法を解説
  • おすすめの無料ツールを紹介


本記事の『WordPressの画像圧縮・最適化の方法』を実践すると、読者の満足度が上がりSEO対策にもなるので記事順位が上がりやすくなります。

少し手間がかかりますがメリットしかないです。具体的な方法を見ていきましょう!

WordPressの画像を圧縮・最適化する必要性

WordPressの画像を圧縮・最適化する必要性


何故、画像圧縮・最適化が大切かというとページの表示速度に影響するからです。

自分のページの表示速度を知りたい方はPage Speed Insightsで確認できます。70点以上あれば十分です。

ページ表示速度が遅いと主に以下の三点に影響します。

ページ表示速度による影響

※()内は引用元



上記からもわかるより、表示速度は重要です。その要因でもある画像の圧縮・最適化はとても大切です。


画像圧縮・最適化とリサイズに必要なツールは一つだけ

画像圧縮・最適化とリサイズに必要なツールは一つだけ


本画像の圧縮・最適化とリサイズに必要なツールは一つだけです。

ソフトなどのダウンロードは不要で、すべての工程をブラウザ上で簡単にできます。

注意ポイント

リサイズ→圧縮の順番で圧縮しましょう。

順番を逆にするとリサイズ時に圧縮されていない画像が生成されます。

上記に注意しながら、圧縮やリサイズの具体的な方法を紹介していきます。


WordPressに使う画像をリサイズする

画像のリサイズについて説明していきます。


何度も言いますが、必ずリサイズ→圧縮の順番を守りましょう!

画像リサイズの流れ

①画像のサイズ変更を押して、リサイズしたい画像を選択かドロップします。

WordPressに使う画像をリサイズする


②下記画面になるので幅を1200pxに選択しましょう。

WordPressに使う画像をリサイズする


③画像のサイズ変更を押すと画像がリサイズされます。

PCの幅が1200pxくらいで見やすいので、幅は1200pxにするのがおすすめです。

(追記:1000px~1200pxなら大丈夫です)

WordPressに使う画像を圧縮する

次に圧縮の方法について説明していきます。

これを忘れると、何倍も重い画像を使用することになるので気を付けましょう。

画像を圧縮する流れ

①画像の圧縮を押して、圧縮したい画像を選択かドロップします。

WordPressに使う画像を圧縮する


②下記画面になるので、画像の圧縮を押して完成です。

WordPressに使う画像を圧縮する


補足:WordPressに使う画像は『JPG』『JPEG』に統一しよう

もし画像のファイル形式が「PNG 」なら「JPG」形式に変換しましょう。

理由を述べるとたくさんありますが、簡潔にいうと『JPG』形式の方が軽いからです。

今から『PNG』を『JPG』に変換する方法を説明していきます。

JPGに変換する流れ

①JPGに変換をおして、変換したい画像を選択かドロップします。

WordPressに使う画像は『JPG』『JPEG』に統一しよう


②下記画面になるので、JPGに変換を押して完成です。

WordPressに使う画像は『JPG』『JPEG』に統一しよう





WordPress内の過去画像を一括で圧縮・最適化する方法

WordPress内の過去画像を一括で圧縮・最適化する方法   

悩む人
すでにWordpress内に圧縮していない画像いっぱいあるけどどうしよう


上記のような人は、過去の画像を一括で圧縮できるプラグインEWWW Image Optimizerがおすすめです。

▷▷EWWW Image Optimizerのプラグインについてはこちら

SEO対策にもなるので是非入れておきましょう。

WordPress に使う画像の圧縮・最適化とリサイズの方法まとめ

WordPress に使う画像の圧縮・最適化とリサイズの方法まとめ

本記事で紹介した、画像圧縮・最適化やリサイズは良記事を作るために必須の作業です。

少し手間はかかりますが、より良いブログを作っていきましょう。

圧縮やリサイズは理解。ブログ内に入れる画像に困っている!という方はこちらも参照してください。

【
【無料】ブログで使えるおすすめのフリー素材・画像サイトを紹介

悩む人ブログでいい感じの写真を使いたい!無料のおすすめフリー素材サイトは? 上記の疑問を本記事で解決します。 本記事の内容 無料のフリー素材サイトを紹介 フリー素材サイトを使うときの注意点 ブログを始 ...

続きを見る

-ブログ

Copyright© invictus blog , 2020 All Rights Reserved Powered by AFFINGER5.