2022.12.12パンダマークの画像圧縮「TinyPNG」の使い方!画像圧縮してサイトを軽量化しよう読者さんワードプレスの記事を書くときは、画像を圧縮するようにと聞いたのですが、どうやったらいいでしょうか?画像圧縮の方法を教えてください。このような疑問にお答えします。この記事では、画像容量を圧縮できるパンダマークが特徴の「TinyPNG」をご紹介します。MB画像容量の大きさに関しては、よくワードプレスのご質問をいただくので、多くの方が悩んでいることになります。まとめYouTube動画での解説はこちらワードプレスの画像圧縮とは?ワードプレスを運用する上で、一つこれだけは抑えて欲しいポイントが「画像圧縮」です。画像圧縮とは、画像本来が持っている性質をそのままにして中身のデータ量だけを減らすこと画像って単純に写真とかイラストが表示されるだけのように見えるのですが、画像ファイルの中には、いつどこで撮られたものなのか、作られた日付などの見えないデータがたくさん入っているんです。この見えない余分なデータが、画像ファイルの容量になります。この余分なデータが入ったままの画像をそのまま使っていると、ワードプレスのメディアファイルの容量がどんどん膨らんでいくんです。そのために、容量を減らす画像圧縮が大事なポイントとなるんです。ワードプレスで使う画像を画像圧縮するには?ワードプレスの画像を圧縮するには、2つの方法を抑えておきましょう。TinyPNGというサイトを使って圧縮をする画像圧縮プラグインを導入するでは、こちらを詳しく解説します!!TinyPNGというサイトを使って圧縮をする画像を圧縮するサイトとして、わたしがオススメするのはこちらです。TinyPNGサイトTinyPNGのサイトURLを開くと、パンダのイラストが表示される外国のサイトにジャンプします。怪しいなぁ・・・と思う方もいらっしゃるかもですが、多くのブロガーが画像の圧縮で使っているサイトではあるので、変な悪質なサイトではありません。ネット上を検索してみたのですが、TinyPNGで何か問題が起こったという投稿はありませんでした。!(.pngまたは.jpgをここにドロップしてください!)」のところに移動させるだけです。すると以下のように、画像圧縮されます。画像ファイルの容量を見てもらったらわかるのですが、今回の画像ファイルは。【1.3MB→306.6KB】まで減らすことができました。画像の容量の単位ってこんな感じ大きくなっています。MB(メガバイト)をKB(キロバイト)にするのは、かなり容量ダウンできているってことがなんとなく分かればOKだと思います。画像の容量をダウンさせたら、右側にあるダウンロードをクリックしたら圧縮した画像が落とせます。画像ファイル名について画像ファイル名にはカナ文字は使わない方が良いです。画像ファイルにつける名前は半角英数字にしましょう。ワードプレスではカナ文字は文字化けしてしまうので、画像データにかなりわけわからない文字列のURLがついてしまいます。画像URLについては、普通に運用しているときは、直接そこまで関係ないのですが、例えば、ワードプレスがおかしくなって、バックアップファイルを戻した時に、カナ文字の画像データはうまく反映しないなんてことが起こるので注意が必要です。画像圧縮プラグインを導入するワードプレスのプラグインには、画像圧縮をしてくれるプラグインがあります。Optimizer」というプラグインです。Optimizer」について詳しい記事はこちら。Optimizerの設定方法と使い方!WebPへの変換方法も解説2023.01.03基本的に画像圧縮のプラグインは、プラグインを導入して、メディアを追加したら自動で圧縮してくれるものになります。ワードプレス内のデータを軽くするには、必須とも言えるプラグインです。WordPressテーマによっては、プラグインの相性があるので、そこはちゃんとテーマの公式サイトをご確認ください。Optimizer」のプラグインの相性が悪いようです。詳しくはこちらの記事にまとめましたので、参考にしてみてください。関連記事WordPressテーマ「Cocoon」でアイキャッチ画像が記事一覧に表示されない?!対処法を徹底解説!2023.02.06TinyPNGのプラグインじゃダメ?先ほどご紹介したTinyPNGは、ワードプレスのプラグインバージョンもあります。こちら↓だけど、このプラグインはオススメしません。その理由は、TinyPNGでの画像圧縮は、自分のサーバー上で処理しないために、時間がかかります。速度が気になる人は、ほかのプラグインを使用するのをオススメします。ワードプレスで使う画像のおすすめのサイズは?ワードプレスに画像を使う際、具体的にどれくらいの画像サイズが良いのか?という質問をいただきます。具体的に数字で画像サイズをお伝えすると、以下の通りです。ファイルサイズ:100〜300KB画像サイズ(大きめ):1,000〜1,200px画像サイズ(小さめ):600〜800px画像サイズの大きめとか小さめってどこのサイズを言っているのかというと横幅です。横幅(Width)のサイズワードプレスの記事で画像を使う際は、横幅を気にしてください。ちなみに余談ですが、画像の横幅は統一させましょう。ブログ記事で横幅がバラバラな画像を使う方がいますが、見た目が悪いのと、画像サイズが違うと読みづらいです。横幅サイズで画像の綺麗さが変わるので、綺麗に見せたいものだけは大きいサイズでいいと思いますが、そうじゃなければ大きくしたところで容量だけ使ってしまうので注意です。まとめ今回は、ワードプレスブログで使う画像の挿入の時の注意点や画像サイズについて解説しました。おさらいすると、今回ご紹介した「TinyPNG」はこちら。有料WordPressコミュニティのお知らせワードプレスのことが分からなすぎてすぐに立ち止まってしまう...そんなあなたのために有料ワードプレス専門のコミュニティ「MastePress®︎ーマスタープレスー」を作りました。Zero」にご招待します。このシークレットサイトでは、ブログアフィリエイトの基礎を順序立てて解説しております。ゆかブログの管理人でアフィリエイター兼WordPress専門家のゆかです。福岡で3人の子供を育てながら、お家でのんびりとブログを書いて生活しています。ブログを書く以外のお仕事は、パソコンが苦手な女性起業家さんのワードプレスブログ運営をサポートしたり、代行でワードプレスの立ち上げをしています。●チャンネル登録1万人超え!WordPressブログ構築専門YouTubeチャンネル「ゆかチャンネル」ゆかブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。ゆかブログの管理人でアフィリエイター兼WordPress専門家のゆかです。福岡で3人の子供を育てながら、お家でのんびりとブログを書いて生活しています。ブログを書く以外のお仕事は、パソコンが苦手な女性起業家さんのワードプレスブログ運営をサポートしたり、代行でワードプレスの立ち上げをしています。●チャンネル登録1万人超え!WordPressブログ構築専門YouTubeチャンネル「ゆかチャンネル」ゆかブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。1日ゆかブログで使用中のWordPressテーマ誰が使っても美しいデザイン関連記事:『STORK19』を使ってみた評判レビュー!メリットデメリットを解説!無料メールマガジンシークレットサイトを見てみる検索:CLOSECLOSE無料メールマガジンシークレットサイトを見てみるProfileアフィリエイター兼WEB制作マーケターゆかご訪問ありがとうございます!当ブログの管理人でアフィリエイター兼WEB制作・マーケターのゆかです。福岡で3人の子供を育てながら、お家でのんびりと個人ビジネスを展開しています。お仕事は、パソコンが苦手な女性起業家さんのブログ運営をサポートしたり、代行でWordPressの立ち上げをしています。●ハンドメイド作家サイト●キーパーコーチの個人ブログ●キーパーグローブECサイト●女性起業家の活動用サイト●スピリチュアル系の方の活動用サイト●協会サイトetc・・・ブログの作り方や書き方も教えています。当ブログでは、WordPress作成方法・ブログ記事の書き方・アフィリエイトの方法など、パソコン苦手な初心者さんの『困った!!』を解決しています。