WPBeginner - 初心者向けWordPressチュートリアル

最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

品質を損なわずにWebパフォーマンスのために画像を最適化する方法

編集スタッフ | | 読者開示

共有数 1.3k ChatGPT Perplexity X LinkedIn WhatsApp

ウェブサイトの動作が遅いと、非常にイライラします。何千人ものWPBeginner読者のサイト高速化を支援してきた中で、他のどの問題よりも多く見られる問題が1つあります。それは、大きくて最適化されていない画像です。

多くのウェブサイト所有者は、画像を縮小するとぼやけてプロフェッショナルに見えなくなるのではないかと心配しています。その気持ちはわかります。良いニュースは、ページの読み込み速度と美しく高品質な画像の間で選択する必要はないということです。

私たちは、自身の全ウェブサイトで使用している、シンプルな画像最適化プロセスを完成させました。このガイドでは、その正確で初心者にも優しい手順をステップバイステップでご紹介します。これにより、品質を犠牲にすることなく画像のサイズを小さくすることができます。

ウェブパフォーマンスのために画像を最適化する方法

要するに：画像はウェブサイトの遅延の一般的な原因ですが、速度のために品質を犠牲にする必要はありません。このガイドでは、無料ツールを使用してアップロード前に手動で画像を最適化する、または最高のWordPressプラグインで自動的に最適化する、実績のある方法を示します。ロード時間の短縮、SEOの改善、そしてより満足度の高い訪問者の獲得をお手伝いします。

  1. 画像最適化とは？
  2. 画像最適化のメリットは何ですか？
  3. Webパフォーマンスのための画像の保存と最適化方法
  4. 最適な画像最適化ツールとプログラム
  5. WordPress向けの最高の画像最適化プラグイン
  6. 画像最適化に関する最終的な考察とベストプラクティス
  7. 動画チュートリアル
  8. 画像最適化に関するよくある質問
  9. WordPressパフォーマンス改善に関する追加リソース

1. 画像最適化とは？

画像最適化とは、画像全体の品質を低下させることなく、可能な限り小さいファイルサイズで画像を保存および配信するプロセスです。

プロセスは複雑に聞こえるかもしれませんが、実際には最近は非常に簡単です。多くの画像最適化プラグインやツールを使用して、画質の目に見える低下なしに画像を最大80％まで自動圧縮できます。

最適化された画像と最適化されていない画像の例を次に示します。

WordPressでの最適化済み画像と未最適化画像

ご覧のとおり、適切に最適化すると、同じ画像が品質の低下なしに元の画像よりも最大80％小さくなります。この例では、画像は52％小さくなっています。

画像最適化はどのように機能しますか？

簡単な言葉で言うと、画像最適化は圧縮技術を使用することで機能します。

圧縮には「可逆圧縮」と「非可逆圧縮」があります。

可逆圧縮は、画質の低下なしに全体的なファイルサイズを縮小します。非可逆圧縮では、品質がわずかに低下する可能性がありますが、理想的には訪問者には気づかれないでしょう。

画像の最適化とはどういう意味ですか？

WordPressホスティングサポートやスピードテストツールから画像の最適化を推奨されたことがあり、何をすべきか疑問に思っているかもしれません。

Web用に最適化して画像のファイルサイズを小さくする必要があります。その方法をステップバイステップでご紹介します。

2. 画像最適化のメリットは何ですか？

画像の最適化には多くの利点がありますが、知っておくべき主な利点を以下に示します。

  • ウェブサイトの速度向上
  • SEOランキングの向上
  • 販売およびリードの全体的なコンバージョン率の向上
  • ストレージと帯域幅の削減（ホスティングおよびCDNコストの削減につながる可能性があります）
  • より高速なウェブサイトバックアップ（バックアップストレージのコストを削減できます）

画像は、動画の次にウェブページで重い要素です。HTTPアーカイブによると、画像は中央値のデスクトップページの重量の約1,054KB（40%）を占めています。

ウェブサイトの高速化は検索エンジンでのランキング（SEO）を向上させ、コンバージョン率を高めることを知っているので、オンラインで成功したいすべてのビジネスウェブサイトにとって、画像の最適化は必須です。

画像最適化が実際にどれほどの違いを生むのか、疑問に思っているかもしれません。

Strangeloopによる基礎的な研究では、ロード時間に1秒遅延すると、売上が7%減少し、ページビューが11%減少し、顧客満足度が16%低下する可能性があることがわかりました。

今日、Googleがコアウェブバイタルをランキング要因として厳格に施行しているため、遅い画像によるSEOと収益への影響はさらに大きくなっています。

Strangeloop ケーススタディ

これでもウェブサイトを高速化する理由が十分でない場合は、Googleのような検索エンジンも、読み込みの速いウェブサイトをSEOで優先的に扱っていることを知っておくべきです。

これは、画像をウェブ用に最適化することで、ウェブサイトの速度を改善し、WordPressのSEOランキングを向上させることができることを意味します。

3. Webパフォーマンスのための画像の保存と最適化方法

ウェブパフォーマンスのための画像最適化の鍵は、最小のファイルサイズと許容できる画質の完璧なバランスを見つけることです。

画像最適化において大きな役割を果たす3つの要素は次のとおりです。

  • 画像ファイル形式（JPEG vs. PNG vs. GIF）
  • 圧縮（圧縮率が高いほどファイルサイズは小さくなります）
  • 画像の寸法（高さと幅）

3つの適切な組み合わせを選択することで、画像サイズを最大80％削減できます。

それぞれについて詳しく見ていきましょう。

画像ファイル形式

ほとんどのウェブサイト所有者にとって、本当に重要な画像ファイル形式はJPEG、PNG、GIFの3つだけです。適切なファイルタイプを選択することは、画像最適化において重要な役割を果たします。

簡単にするために、写真や色数の多い画像にはJPEG、シンプルまたは透明な画像にはPNG、アニメーション画像のみにはGIFを使用してください。

シンプルなロゴやアイコンをアップロードする場合は、SVG（ベクターグラフィックス）の使用も検討すると良いでしょう。これらは品質を損なうことなく完璧にスケーリングします。

各ファイル形式の違いを知らない方のために：

  • PNG画像フォーマットはロスレス圧縮を使用します。これは、品質を損なうことなくファイルサイズを縮小することを意味し、ロゴ、テキストが多いグラフィック、およびシャープな線と透明度が必要な画像に最適です。
  • 一方、JPEGは圧縮ファイル形式であり、ファイルサイズを大幅に小さくするために、画像の品質をわずかに低下させます。
  • GIFは256色のみを使用し、ロスレス圧縮を行うため、アニメーション画像に最適です。

WPBeginnerでは、これらの形式を組み合わせて使用しています。

しかし、多くの最新ウェブサイトは、現在、WebP形式やAVIFのような次世代画像形式へと移行しています。

WebPとAVIFはどちらも、JPEGやPNGよりも優れた圧縮（つまり、はるかに小さいファイルサイズ）を優れた品質で提供します。すべての最新ウェブブラウザはこれらを完全にサポートしており、多くのトップWordPress最適化プラグインは、画像をこれらの形式に自動的に変換して大幅な速度向上を実現できます。

画像形式の詳細については、WebP vs. PNG vs. JPEG：WordPressに最適な画像形式は？に関するガイドをご覧ください。

圧縮

次に、画像最適化において大きな役割を果たす画像圧縮です。

画像圧縮には、さまざまな種類とレベルがあります。それぞれの設定は、使用する画像圧縮ツールによって異なります。

Adobe Photoshop、ON1 Photo、GIMP、Affinity Photo（現在はAffinity Studioとして無料）、その他の多くの画像編集ツールには、組み込みの画像圧縮機能があります。

画像を通常に保存してから、TinyPNGやJPEGminiのようなウェブツールを使用して、簡単に画像を圧縮することもできます。

手間はかかりますが、この2つの方法を使えばWordPressにアップロードする前に画像を圧縮できます。WPBeginnerではこの方法を採用しています。

また、OptimoleやEWWW Image Optimizerのような人気のWordPressプラグインがいくつかあり、画像を最初にアップロードしたときに自動的に圧縮できます。

これは便利であり、多くの初心者や大企業でさえ、これらの画像最適化プラグインの使用を好んでいます。

専門家のアドバイス：多くの画像最適化プラグインは、制限付き（ファイルサイズや月あたりの画像数など）の無料バージョンを提供しています。トラフィックの多いサイトで一貫した自動最適化を行うには、有料プランが必要になる可能性が高いです。

記事の後半でWordPressプラグインの使用についてさらに詳しく説明します。

画像寸法

スマートフォンやデジタルカメラから直接写真をインポートすると、多くの場合、巨大なピクセル寸法（幅4000ピクセルなど）と、印刷向けの「解像度」300 DPIになります。

ウェブ画像に関する重要なヒント：DPI（ドット・パー・インチ）は、物理的な写真を印刷するためのものです。ウェブサイトでは、画面は実際のピクセル寸法（高さと幅）のみを考慮するため、DPI設定は安全に無視できます。

画像の寸法をより合理的なサイズに縮小すると、画像ファイルのサイズを大幅に減らすことができます。コンピューター上の画像編集ソフトウェアを使用して、画像をリサイズするだけです。

例えば、元のサイズが4900×3200ピクセルの巨大な写真を撮りました。元のファイルサイズは1.8MBでした。

高い圧縮率を得るためにJPEG形式を選択し、サイズを1200×795ピクセルに変更しました。ファイルサイズはわずか103KBに削減されました。これは元のファイルサイズの94%削減です。

画像最適化の3つの重要な要素がわかったところで、ウェブサイト所有者向けのさまざまな画像最適化ツールを見てみましょう。

4. ベスト画像最適化ツールとプログラム

前述したように、ほとんどの画像編集ソフトウェアには、画像の最適化と圧縮設定が付属しています。

画像編集ソフトウェア以外にも、数回のクリックでウェブ用に画像を最適化できる、強力な無料画像最適化ツールがいくつかあります。

WordPressにアップロードする前に、特に完璧主義者の方は、これらのツールを使用して画像を最適化することをお勧めします。

この方法は、WordPressホスティングアカウントのディスクスペースを節約するのに役立ち、各画像を個別に確認するため、最高の品質で最も高速な画像が保証されます。

Adobe Photoshop

Adobe Photoshopは、ウェブ用にファイルサイズの小さい画像をエクスポートできるプレミアム画像編集アプリケーションです。

Web用の画像のエクスポート

エクスポートダイアログを使用すると、最も小さいファイルサイズになる画像ファイル形式（JPG、PNG、GIF）を選択できます。

画像の品質、色、その他のオプションを減らして、さらにファイルサイズを小さくすることもできます。

保存前に画像を最適化する
GIMP

GIMPは、Adobe Photoshopの無料のオープンソース代替ソフトウェアです。画像をウェブ用に最適化するために使用できます。欠点は、このリストにある他のソリューションほど使いやすくないことです。

まず、GIMPで画像を開き、ファイル » エクスポート形式…オプションを選択する必要があります。

これにより、エクスポート画像ダイアログボックスが表示され、ファイルに新しい名前を付けることができます。次に、「エクスポート」ボタンをクリックする必要があります。

画像のエクスポートオプションが表示されます。JPEGファイルの場合、「品質」スライダーを使用して圧縮レベルを選択し、ファイルサイズを削減できます。

GIMPで画像を書き出す

最後に、「エクスポート」ボタンをクリックして、最適化された画像ファイルを保存します。

TinyPNG

TinyPNGは、スマートな損失圧縮技術を使用してPNGおよびJPEGファイルのサイズを劇的に削減する無料のWebアプリです。

標準のPNGは通常ロスレスですが、TinyPNGは画像の色の数を減らし、目立った違いなしに、はるかに小さいロッシーPNG形式に変換します。

Webサイトにアクセスして、簡単なドラッグアンドドロップで画像をアップロードするだけです。

画像の最適化

画像を圧縮してダウンロードリンクを提供します。

以前は、画像編集プロセスの一部としてAdobe Photoshop拡張機能を使用していましたが、現在は廃止されており、Photoshop CC 2024以降のバージョンではサポートされていません。ユーザーは、アプリ内統合のためにWebツールまたは他のプラグインに依存する必要があります。

開発者向けには、画像を自動的に変換するためのAPIがあります。さらに、初心者向けには、それを実行してくれるWordPressプラグインがあります。

これについては後で詳しく説明します。

JPEGmini

JPEGminiは、知覚される品質に影響を与えることなく画像のサイズを大幅に削減する強力なロッシー圧縮技術を使用しています。

自分で確認するために、元の画像と圧縮された画像の品質を比較することもできます。

JPEGMini オンライン画像圧縮ツール

無料でウェブ版を使用することも、コンピューター用のプログラムを購入することもできます。サーバーでのプロセスを自動化するための有料APIもあります。

ImageOptim

ImageOptimは、最適な圧縮パラメータを見つけ、不要なカラープロファイルを削除することで、品質を損なうことなく画像を圧縮できるMacユーティリティです。

ImageOptimを使用した画像の最適化

これのWindows代替はTrimageです。

5. WordPressに最適な画像最適化プラグイン

画像を最適化する最良の方法は、WordPressにアップロードする前に最適化することだと考えています。

ただし、マルチユーザーサイトを実行している場合や自動化されたソリューションが必要な場合は、WordPress画像圧縮プラグインを試すことができます。

ここに、最高のWordPress画像圧縮プラグインのリストがあります。

  1. Optimoleは、ThemeIsleのチームによる人気のプラグインです。
  2. EWWW画像オプティマイザー
  3. 前述のTinyPNGチームによるプラグイン、「JPEG, PNG & WebP Image Compression」
  4. 人気のWP Rocketチームによるプラグイン、「Imagify」
  5. ShortPixel 画像オプティマイザー
  6. Smush
  7. reSmush.it
  8. Envira Galleryは、強力な画像圧縮アドオン（有料プランで利用可能）を提供し、ギャラリー画像を自動的に最適化する素晴らしいWordPressギャラリープラグインです。

これらのWordPress画像最適化プラグインは、ウェブサイトの高速化に役立ちます。

6. 画像最適化に関する最終的な考えとベストプラクティス

画像の最適化は、ウェブサイトを高速化するための最も簡単で最も効果的な方法の1つです。品質を犠牲にすることなくファイルサイズを削減することで、ユーザーエクスペリエンスを向上させ、SEOランキングを向上させることができます。

また、テーマがレスポンシブ画像をサポートしていることを確認する必要があります。幸いなことに、WordPressは、メディアライブラリにアップロードされた各画像の複数のサイズを自動的に作成し、モバイルおよびデスクトップ画面に最適なものを配信します。

画像最適化以外に、ウェブサイトの速度を大幅に向上させるには、WordPressキャッシュプラグインの使用とWordPress CDNの使用が役立ちます。

WPBeginnerでは、強力なキャッシュと画像最適化機能の両方を組み合わせたWP Rocketを使用しています。

これには、遅延読み込み（訪問者がスクロールダウンして初めて画像が読み込まれることを意味します）とWebPサポートが含まれており、すべて1つのソリューションで実現します。

専門家のアドバイス： WP Rocketのような包括的なパフォーマンスプラグインで画像最適化（遅延読み込みやWebP変換など）が含まれている場合は、個別の専用画像最適化プラグインのインストールは避けてください。同じ機能を持つ2つのプラグインを実行すると、競合が発生したり、サイトが遅くなったりする可能性があります。

もしEnvira Galleryプラグインを使用している場合は、そのEnvira CDNサービスも推奨します。

これは、従来のCDNセットアップの複雑さなしに、写真ギャラリーを信じられないほど高速に読み込む画像専用CDNです。

あるいは、マネージドWordPressホスティング会社を利用することもできます。これらの会社は、プラットフォームの一部としてキャッシュとCDNの両方を提供していることがよくあります。

動画チュートリアル

WPBeginnerを購読する

画像最適化に関するよくある質問

長年にわたりユーザーのウェブサイトの速度改善を支援してきた中で、画像最適化に関する多くの質問に回答してきました。ここでは、最も一般的な質問に対する回答を紹介します。

1. ウェブに最適な画像フォーマットは何ですか？

画像の種類によります。多くの色を持つ写真には、JPEGが通常最良の選択肢です。シンプルなグラフィック、ロゴ、または透明な背景が必要な画像には、PNGが理想的です。GIFはアニメーションにのみ使用する必要があります。新しいWebPフォーマットも、優れた品質と小さいファイルサイズを提供する優れたオプションです。

2. 画像を最適化すると品質は低下しますか？

必ずしもそうではありません。「ロスレス」圧縮は、品質を一切損なわずにファイルを小さくします。「ロッシー」圧縮であっても、ファイルサイズを劇的に削減しつつ、肉眼ではほとんど見えない程度の品質変化に抑えることを目標としています。

3. ウェブ画像に適したファイルサイズは？

完璧なサイズというものはありませんが、ほとんどの画像にとって150KB未満を目標にするのが良いでしょう。幅いっぱいの大きな画像の場合は、500KBまで許容できることもあります。常に、サイト上で画像を鮮明でクリアに見せながら、可能な限り最小のファイルサイズにすることを目指してください。

4. 画像最適化はSEOをどのように改善しますか？

Googleのような検索エンジンは、ページの読み込み速度をランキング要因として使用します。画像はページ上で最も大きなファイルであることが多いため、最適化することでウェブサイトの読み込み速度が向上します。この速度の向上は、SEOランキングの向上と訪問者にとっての体験の向上につながる可能性があります。

5. WordPressに既にアップロードした画像を最適化できますか？

はい。WordPress用のほとんどの画像最適化プラグインには、「一括最適化」機能が含まれています。このツールは、メディアライブラリ全体をスキャンして、既存のすべての画像を圧縮できるため、確立されたウェブサイトの速度を向上させるのに最適です。

警告: 一括最適化を実行する前に、必ずWordPressの完全なバックアップを作成してください。一部のプラグインは元のファイルを上書きするため、圧縮後の画質に満足できない場合にメディアを簡単に復元できるように、バックアップを用意しておくことが重要です。

6. Web画像におけるDPIとピクセルの違いは何ですか？

DPI（dots per inch）は印刷用語であり、オンラインでの画像の表示には影響しません。Web画像の場合、ピクセル寸法（高さと幅）のみが重要です。DPIではなく、ピクセル寸法を縮小することに焦点を当てて、ファイルサイズを小さくしてください。

7. 画像を手動で最適化するのと、プラグインを使用するのとでは、どちらが良いですか？

アップロード前に手動で画像を最適化すると、品質とファイルサイズを最も細かく制御できます。ただし、複数の著者がいるサイトや完全な自動化を希望する場合は、WordPressの画像最適化プラグインが便利で効果的なソリューションとなります。WPBeginnerでは、両方を組み合わせて使用することがよくあります。

WordPressパフォーマンス改善に関する追加リソース

この記事がWordPressで画像を最適化する方法を学ぶのに役立ったことを願っています。WordPressのパフォーマンスを向上させるための他の記事も参照することをお勧めします。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。

WPBeginnerで現在人気があります！

開示: 当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかを確認してください。こちらが当社の編集プロセスです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです！

今すぐダウンロード

読者とのインタラクション

123 件のコメント返信する

  1. こんにちは、リサイズとは、ウェブサイトに表示される画像のサイズを変更することですか、それともファイルのサイズを変更することですか？
    また、最適なサイズを知るにはどうすればよいですか？

    返信する

    • どういう意味かによりますが、このガイドでの圧縮はファイルサイズのことです。画像が大きすぎる場合は、幅と高さを縮小することもできます。使用したい特定の画像サイズは、お使いのテーマによって決まります。

      返信する

      管理者

  2. 最適化の例で、元の写真が300dpiで、その後ファイルサイズを小さく最適化したと述べられていますが、ターゲットのdpiがいくつだったかは述べられていません。ウェブ用の72ですか？それとももっと高いですか？有益な記事をありがとうございます。

    返信する

    • それはあなたの個人的な好みと、画像がどれくらいの大きさであることを望むか/必要とするかによります。

      返信する

      管理者

  4. wpbeginnerで私が最も気に入っているのは、自分のサイトに実装すべき情報を提供してくれるだけでなく、彼らが自分のサイトで何を使用しているかについても教えてくれることです。これにより、より早く決定できます。マスターから学ぶのは常に簡単です。ありがとうございます。

    返信する

  5. TinyPNGで画像を圧縮し、サイト上の重い画像をこれらの画像に置き換えようとしました（つまり、重い写真を削除して圧縮されたものをアップロードしました）。しかし、メディアライブラリはまだ古い重い画像をアップロードしています。これは、すでにアップロードされた古い画像を置き換えることができないという意味ですか？まだアップロードされていない圧縮画像のみがアップロードされるのでしょうか？

    返信する

    • より重い画像を置き換える場合、サイトに古い画像を表示しているキャッシュがないこと、そして新しい画像をアップロードする際に正しい画像をアップロードしていることを確認する必要があります。

      返信する

      管理者

  6. 有益な記事をありがとうございます、Syed。

    今後、最適化された画像のみを使用するようにします。すでに公開済みの投稿に戻って、画像を最適化されたものに置き換えることをお勧めしますか？

    返信する

    • 可能であれば、古い画像を更新することをお勧めします。推奨したプラグインがそれらを処理してくれるはずです:)

      返信する

      管理者

  7. 投稿ありがとうございます。素晴らしいツールがたくさんあります。以前にアップロードした画像をリサイズする方法や、WordPressがもう使用していない画像を削除する方法はありますか？

    返信する

  10. 私はWordPress開発者です。トルコから書いています。
    質の高いWordPressリソースを見つけるのは非常に難しいです。
    あなたを見つけました。英語は知りませんでしたが、英語を学びました。すべてあなたのおかげです。

    返信する

    • 私たちの記事をお読みいただきありがとうございます。そして、新しい言語を習得されたこと、おめでとうございます:)

      返信する

      管理者

  11. こんにちは、WordPressは現在の画像アップロードプロセスに、少なくともプレミアムカテゴリでは、これらの機能の一部を組み込んでいるようですね？

    実際のサイズ、またはそれより大きいか小さいかを選択するオプションが今あるので、質問していますか？

    それとも、そのプロセスは画像の最適化/サイズ縮小ではないのですか？

    本当にありがとうございます！非常に重要で役立つトピックです。

    アダン

    返信する

  12. とても役立つ情報です!! まさにあなたのメールが届いたときに、これをどうやるか調べていました！時間と労力を節約でき、まさに探していたアドバイスでした。

    返信する

  13. フォトショップで保存する際、ウェブでの最適なパフォーマンスのために推奨される幅はありますか？
    私のテーマでは、ヘッダーに最適なサイズとして1600×1050で保存していますが、本文の画像はどうすればよいでしょうか。テーマデザイナーには推奨がありません。

    返信する

    • この記事の他のステップを進めている場合、画像のサイズはコンテンツの寸法に最もよく合うものになるため、WordPress が画像をリサイズする必要はありません。

      返信する

      管理者

  14. そのYouTube動画を更新してください。まず、JpegminiはWebアプリではなく、PCにインストールする必要があるソフトウェアです。

    返信する

  15. WordPressに既にアップロードされた画像を圧縮する方法はありますか？それとも、すべての画像を圧縮してからWPに再アップロードする必要がありますか？アドバイスをよろしくお願いします。

    返信する

  16. こんにちは、
    アドバイスが必要です。お客様がダウンロードできるように、低解像度と高解像度（1200ピクセル、300dpi）の画像をアップロードする必要があります。低解像度画像の最適化については質問はありません。高解像度画像はどのように保存すればよいですか？サイズは最大2MBです。画像は数十万枚あります…

    返信する

  17. この投稿は素晴らしいですし、私のサイトに本当に価値を加えてくれます。しかし、最近Flipkartから画像を保存しようとしたのですが、非常に低画素で保存されてしまいました。どうすればそれができるか、何か助けていただけますか？

    返信する

  18. インターネットで見つけた画像URLに接続された1500枚の製品画像をすでに一括アップロードしました。

    すでにメディアライブラリにある1500枚の画像を、後からサイズ変更したり圧縮したりするにはどうすればよいですか？

    また、リサイズとは、ウェブサイトに表示される画像のサイズを変更することなのか、それともファイルサイズをリサイズすることなのか、混乱しています。

    ありがとうございます！

    返信する

    • サラさん、こんにちは。

      はい、それは良い代替案です。ただし、より良い結果を得るためには、WordPressにアップロードする前に画像編集プログラムで画像を最適化することをお勧めします。

      返信する

      管理者

  20. インターネット接続が限られており、高価な場所へ旅行する予定です。そのため、ブログにアップロードするためにオンラインになる前に、写真のファイルサイズを小さくしたいと考えています。どのような解像度とdpiを使用するのが良いか、どなたかおすすめしていただけますか？使用予定のアプリでは、3つの測定値を求めています。
    解像度 – 200から2048
    DPI – 72×72から300×300
    JPEG品質（圧縮レベル） – 0.00から1.00

    返信する

  21. ビデオでは彼女が画像を切り替えています。PSの画面は理解できます。しかし、WPの制限が2MBの場合、ピクセル単位で幅と高さをどうすべきか説明されていません。WPサイトのスライダーなどの良い標準値は何でしょうか？

    返信する

  22. 隅にいる愚か者ですみませんが、一つだけ明確にしていただけますか？ WP Smush it プラグインをインストールし、過去2年間でサイトにアップロードしたすべての写真を少しずつ処理しています。無料制限の50枚ずつ行っています。しかし、プラグインがインストールされた今、今後の写真のアップロードに関して、WPサイトにアップロードする前に他のプログラムで写真をリサイズする必要がなくなりますか？ 8MBの写真があり、それをサイトにアップロードした場合、プラグインがすべてやってくれるのですか？ 元の写真がまだアップロードされていて、ホストサーバーのSiteGroundに保存されていないことを確認したいだけです。私のサイトは非常に遅く、たくさんの診断を実行しましたが、写真が原因であるというすべての兆候があるにもかかわらず、まだ理由がわかりません。ありがとうございます！

    返信する

    • キャリーさん、私は決して専門家ではありませんが、WP Smush itの経験はあります。はい、今後のアップロードは自動的に「スマッシュ」されるはずです。メディアギャラリーに通知が届きます。

      ウェブサイトの表示速度が遅い原因を調べるには、GTmetrixを使用し、ウォーターフォールページを開くと、個々のページアイテムの読み込み時間が表示されます。問題がわかれば、それに対処できます。

      一人の「愚か者」からもう一人の「愚か者」へ、それが役立つことを願っています:)

      返信する

      • Tony さん、こんにちは。

        ご意見ありがとうございます！残念ながら、WP Smushをアンインストールし、他のブロガーの提案に基づいてEWWW Image OptimizerとThumbnail Regenerateプラグインを試しましたが、サイトの写真をひどく台無しにしてしまいました。私はウェブホストを通じてFTPでファイルを管理する方法については初心者なので、結局たくさんの画像を削除し（数百枚）、画像プログラムで手動でリサイズしてから再アップロードしました。それも悪い考えでした。今、Googleが私のサイトをクロールすると、それらのファイルは消えているか移動しているので、Google Consoleで私のサイトをレンダリングすると多くのエラーメッセージが表示されます。ああ！誰かにサイトの作り直しを依頼するか、完全に諦めるかの瀬戸際にいます。しかし、あなたが時間を割いて役立つコメントを残してくださったことに本当に感謝しています。:)

        Happy New Year! May 2017 be better than 2016.

        返信する

  24. Googleブロガーに画像をアップロードし、「URLから挿入」オプションを使用してWordPressサイトで使用することを考えていました。
    これは良いアイデアだと思いますか、それともそうではないと思いますか？
    よろしくお願いします。

    返信する

  25. WordPressに最適化された画像として大きな画像を直接アップロードするプラグインを探して、ここに戻ってきました。WP Beginnerのどこかで見たことがあるはずですが、見つかりません。

    返信する

  28. 以前のコメントでRIOTについて言及している人がいました。アップロードする前に画像を最小化するための私の定番アプリです。圧縮率は驚異的です。MACユーザーの方、申し訳ありませんが、Windowsでしか利用できません。

    返信する

  29. こんにちはWPBeginner様、

    あなたが見たというTrimageのWindows版に非常に興味があります。

    Trimageのホームページには、Windowsポートのヘルプを求めるリンクしか表示されません…

    返信する

  31. Trimageのサイトを確認しましたが、Windows版は見つかりませんでした。*nix系のバージョンばかりです。正しい方向を教えていただけますでしょうか。本当に素晴らしい記事です。ありがとうございます！

    返信する

  32. サイトに既にアップロードされた画像のサイズを縮小する方法はありますか？ 今後は画像を小さくアップロードするように変更しましたが、既にアップロードされた画像のサイズを変更できると便利かと思いました。

    返信する

  33. 画像を最適化するための良い解決策を見つけるのにウェブを検索しすぎましたが、そのほとんどは、この投稿で言及されているツールが機能するかどうかを確認させてくれません。

    返信する

  34. この記事ではPNGを非圧縮ファイル形式と定義していますが、私の知る限り、標準的なPNGはロスレス圧縮を使用しています。
    そして、連続トーン画像（例：写真）と限定パレット画像（例：ロゴ）のどちらの形式を選択するか、その理由を言及することが役立つと思います。

    返信する

  35. Photoshopの簡易版であるPhotoshop Elementsについて言及しないのはなぜですか？フルバージョンのPhotoshopが行うことの90％以上を実行でき、「Web用に保存」による画像圧縮も含まれており、すべて100ドル未満です。

    返信する

  36. 画像をアップロードするためにFlickrを使用し、その後HTMLコードをWordPressサイトにコピーすることをお勧めしますか？写真がたくさんある旅行ブログには何をお勧めしますか？ありがとうございます。

    返信する

    • WordPressにFlickrの写真を投稿するには、写真のURLを投稿に貼り付けるだけです。通常、私たちはそれをお勧めしません。なぜなら、人々はFlickrであなたの写真を見て、あなたのウェブサイトを訪れる機会がないかもしれないからです。しかし、Flickrであなたの写真を中心にコミュニティを構築することがあなたにとってより有用だと感じるなら、どうぞ進んでください。

      返信する

      管理者

  40. あなたの記事は非常にタイムリーです。ちょうどキッチンとバスのショールームのために何百枚もの写真を縮小する必要がありました。JPEGminiは無料版では1日に20枚しか処理できなかったため購入しましたが、$19.99で、プログラムにフォルダ全体をドラッグアンドドロップして数秒/数分で圧縮できるのは大したことではありません。大変助かりました！

    返信する

  42. 素晴らしい記事ですが、テキストが含まれる画像は最高の鮮明さのためにPNGファイルとして保存すべきだと私は思っていました…？

    返信する

    • PNGは間違いなくより高品質ですが、ほとんどの人は並べて表示しない限り違いに気づけないでしょう。気付かれない程度の違いでサイトを高速化できるなら、なぜそうしないのですか:)

      返信する

      管理者

  44. Lightroomには、FacebookやWebにエクスポートするためのプリセットがいくつかありますが、それらは写真ファイルの圧縮に十分ですか、それともまだPhotoshopを使用する必要がありますか？

    返信する

    • Lightroomは写真家にとって定番のツールです。写真をバッチで最適化し、好みのピクセルサイズと圧縮率でJPEGを含む複数の形式にバッチエクスポートできます。また、必要に応じて著作権メッセージをバッチに自動的に追加します。

      Photoshopでのバッチ処理についてはわかりませんが、主要な画像編集にのみ使用しています。

      グラフィックや重い編集を行うならPhotoshop、たくさんの写真を使ってそれらを最高に見せたいだけならLightroomを使うべきだと思います。

      返信する

  45. あなたが言及した多くの製品の熱心な支持者です。今、顧客がこの正確な質問をするときのために、このリンクを私のリソースに追加できます。サイードさん、ありがとうございます。

    返信する

  46. ウェブサイト用に自分で写真を撮る場合は…カメラを800 x 600の解像度で、より低い解像度に設定してください。一部のカメラには、良い・より良い・最良の解像度設定があります…「良い」設定を使用してください。すぐに読み込まれる画像が得られるはずです。

    すでに画像をお持ちの場合は…無料で…http://www.getpaint.netをご覧ください…私は長年これを使用しています。クライアントから提供された巨大な写真を撮り…それを800 x 600にリサイズします。次に、組み込みの圧縮ツールを使用して画像を圧縮します。

    返信する

    • 低解像度の写真撮影はお勧めしません。
      後で他の用途に使う可能性を考えて、オリジナルの写真は高解像度で撮影することをお勧めします。また、高解像度で撮影すれば、必要に応じて特定の部分を切り抜くことも可能です。
      写真の解像度が低い場合、そのオプションはなく、撮影したそのままのオリジナル画像しか使用できなくなります。

      返信する

      • スティーブン氏の意見に同意せざるを得ません。高解像度の画像をカメラで撮影することを強くお勧めします。そうすれば、作業できる大きなファイルが得られます。高解像度の画像からファイルサイズを減らすのは非常に簡単ですが、その逆は不可能です。高解像度の画像を撮影することで、必要に応じて印刷作業に使用するオプションも得られます。一般的に、私は大きな生の画像、トリミングおよびレタッチされた印刷画像、そしてWebベースの作業用の小さな画像で終わります。

        返信する

      • 高解像度の写真をそのまま撮るという点にも同意します。その後、ウェブサイトにアップロードするためにサイズを縮小して圧縮します。他の用途のために、常に元の高解像度写真を持っておくことができます。

        返信する

  48. 素晴らしい記事です、サイードさん。

    しかし、Web用の画像を最適化するという点ではFireworksが最高であり、Photoshopよりもはるかに安価だと私は本当に思います。

    返信する

    • ジェフリーさん、ありがとうございます。はい、Photoshopが高価なことは承知しています。そのため、他の無料ツールについても言及しました。GIMPとFireworksの両方にこの機能があります。

      返信する

      管理者

    • はい、そうすれば、おそらく最高のパフォーマンス結果が得られるでしょう。ただし、画像によっては、見た目がそれほど良くない場合もあるため、そのような場合は「非常に高い」を試します。ケースバイケースで行いますが、ほとんどの画像は問題ありません。

      返信する

      管理者

  50. Photoshopの使用について議論していますが、それはほとんどのブロガーのニーズや価格をはるかに超えています。なぜLightroomを参照しないのですか？Lightroomにも優れた画像エクスポートオプションがあり、最大ファイルサイズを制限するオプションや、寸法で保存したり、特定のdpiを使用したりするオプションが含まれています。

    画面の解像度が72dpiで動作することがわかれば、残りははるかに簡単になり、特別な知識がなくてもWebテンプレートをエクスポートオプションに含めることができることに驚くほど簡単になります。

    返信する

    • アンドリュー、

      はい、Photoshopが高価であることは理解しています。そのため、他のいくつかの無料オプションを挙げました。Photoshopのすぐ下にGIMPへのリンクを追加するために、記事を更新しました。

      Lightroomについては、使用していないため言及しませんでした。Fireworksが除外されたのと同じ理由です。

      返信する

      管理者

返信する

コメントいただきありがとうございます。すべてのコメントは、コメントポリシーに従ってモデレーションされ、メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で意味のある会話をしましょう。

Copyright © 2009 - 2026 WPBeginner LLC. All Rights Reserved. WPBeginner® は登録商標です。

管理元：Awesome Motive | SiteGroundによるWordPressホスティング

WordPress® の商標は WordPress Foundation の知的財産です。このウェブサイトでの WordPress® およびその名称の使用は、識別目的のみであり、WordPress Foundation による承認を意味するものではありません。WPBeginner は WordPress Foundation によって承認、所有、または提携されていません。

私は…について助けが必要です

人気の検索:

ブログの始め方 WordPress SEO WordPressのパフォーマンス WordPressのエラー WordPressセキュリティ オンラインストアの構築