最終更新日: 2025年7月27日
ワードプレスで自作ホームページやブログに挑戦しているみなさん、こんにちは！
ワードプレスで画像が表示されなくてお困りですか？それは大変！でも、大丈夫です。
この記事では、初めてのワードプレスでも安心して画像をアップロード＋表示させるための方法を紹介します！
ホームページやブログに、写真や動画を掲載することは、とっても重要です。お客様にあなたのビジネスを「直感的に」「一瞬で」わかってもらうためには、言葉を積み上げる以上に「絵力」がモノを言います！
ホームページにお客様を誘導するための入口としてSNSを活用する時にも、「絵力」は大切です。
お客様に「見つけてもらう」「見てもらう」ために、画像や動画のアップロードについて、お勉強しましょうね。
さっそく始めます！
このページで解決できること
画像のアップロードや表示のコツをつかみましょう！
ホームページやブログに美しい画像を掲載することは、お客様を惹きつけ、直感的な理解を深めるためにとても重要です！でも、画像のアップロードや表示には、いくつかの注意点があるので、確認していきましょう！例えば、画像の「ファイル形式」や「サイズ」「アップロード方法」などを間違えると、画像が表示されなかったり、ホームページやブログの「表示速度が遅く」なったりすることがあります！ぜひここでポイントをつかんでいってくださいね！
初めてでも安心！画像アップロードの基本を確認しましょう！
この記事では、ワードプレスが初めての方も安心して画像をアップロードできるように、基本的な手順を分かりやすく解説します！画像のファイル形式やサイズ、アップロード方法、表示方法など、画像に関するいろいろなことをお勉強していってください。例えば、JPEG、PNG、GIFなどのファイル形式の違いや、画像の圧縮方法、代替テキストの設定方法などを解説します。
画像表示の問題を解決しましょう！
画像が表示されない場合も慌てることはありません！多くの場合は、簡単な手順で問題を解決することができます。例えば、ブラウザのキャッシュをクリアする方法や、プラグインの競合を解消する方法などについても解説しますね。
画像のアップロードや表示の注意点
画像のファイル形式は適切ですか？
ワードプレスで推奨される画像ファイル形式は、主に以下の3つです。
- JPEG
- 写真や色の多い画像に適しています。
- ファイルサイズを小さくできるため、ウェブサイトの表示速度を向上させます。
- PNG
- ロゴやイラスト、透明な背景が必要な画像に適しています。
- 画質は高いですが、ファイルサイズが大きくなる傾向があります。
- GIF
- アニメーション画像や、色の少ない画像に適しています。
- ファイルサイズは小さいですが、画質は高くありません。
写真にはJPEG、ロゴやイラストにはPNG、アニメーションにはGIFと、用途に合わせて使い分けましょう！適切なファイル形式を選ぶことで、画像の美しさを保ちつつ、ウェブサイトの表示速度も向上させることができます。
画像のサイズは最適ですか？
大きすぎる画像は、ホームページやブログの表示速度を遅くする原因になります！画像のサイズに合わせて、事前に画像編集ソフトなどでリサイズしておきましょう。ワードプレスでは、アップロードした画像を自動的にリサイズする機能もありますが、元の画像が大きい場合は、やはり表示速度に影響します。パソコンやスマホの画面のサイズで「見れる」レベルのサイズに縮小するなどして、表示の負荷を減らしていきましょう！
ブラウザ上で簡単に無料で画像のリサイズを行える代表的なサイトを紹介します！
参照：ResizePixel
画像は圧縮されていますか？
画像のファイルサイズを小さくするために、「画像圧縮ツール」を利用しましょう！TinyPNGやCompressJPEGなどのオンラインツールや、画像編集ソフトなどで圧縮できます。圧縮することで、画質を維持したままファイルサイズを小さくして、表示速度を向上させることができます！
代替テキスト（alt属性）は設定されていますか？
代替テキストとは、「画像が表示されない場合」に代わりに表示されるテキストです。検索エンジンに画像の内容を伝える役割もあります！ 画像の内容を分かりやすく説明するテキストを設定しましょう。 ワードプレスの画像設定画面で、代替テキストを入力することができます！
画像の著作権はクリアされていますか？
あなたやあなたのチーム以外の「誰か」が作成した画像を無断で使用すると、著作権侵害になる可能性があります！著作権フリーの画像素材サイトを利用するか、自分で撮影した画像を使用しましょう。 画像素材サイトを利用する場合は、利用規約をよく確認しましょう！
画像のアップロード方法は正しいですか？
ワードプレスへの画像のアップロード方法
- 投稿または固定ページの「編集画面」を開きます。文章を編集する、あの画面です！
- 画像を挿入したい場所を選んで、カーソルを合わせましょう！
- 編集画面上部左側の【＋】ボタン（ブロック追加）をクリックします。
- 検索窓に「画像」と入力して、「画像」ブロックを選択しましょう。
- 画像のアップロード方法を選択します。
- 【アップロード】は、パソコン内の画像ファイルを選択してアップロードすることができます。
- 【メディアライブラリ】は、既にワードプレスにアップロード済みの画像から選択することができます。
- 【URLから挿入】は、インターネット上にある画像のURLを入力して表示させることができます。（上級者向け）
- 「画像を選択」または「URLを入力後」必要に応じて調整を行いましょう。
- 【代替テキスト】は必ず入力しましょう！ 画像の内容を簡潔に説明する文章を入れておきます。
- 必要であれば、【タイトル】【キャプション】【説明】を入力してもOKです。
- 最後に、投稿または固定ページを更新して、画像の挿入は完了です！ページの中に画像が表示されてますか？
効率的な画像管理のために
- アップロード前に画像サイズを最適化しておくと、表示速度が向上します！
- ファイル名は、内容が分かりやすいように工夫しましょう！
- 著作権に注意し、利用許可された画像を使用してください！
画像は正しく表示されていますか？
画像をアップロードしたら「公開」を行い、必ず実際のホームページやブログを表示して、正しく表示されているか確認しましょう！ 画像のサイズや位置、代替テキストなどが大丈夫かチェックしてくださいね。 スマートフォンやタブレットなど、様々なデバイスで表示を確認しましょう！
画像表示の問題を解決しましょう！
上記の手続きを行っても画像が表示されない場合、焦ってしまうかもしれませんが、一つずつ確認していけば、必ず原因は見つかります！
以下にチェック項目を説明します！ひとつづつ、確認してみましょう！
まずは、落ち着いて確認！
画像のファイル形式は正しいですか？
ワードプレスで一般的に使える画像は、JPEG（.jpg, .jpeg）、PNG（.png）、GIF（.gif）といった形式です。もし、違う形式の画像を使っている場合は、変換する必要があるかもしれません。オンライン上で簡単に、しかも無料で形式変換ができるサイトを紹介しましょう！Convertio（コンバーティオ）・Online Image Converter（オンラインイメージコンバーター）・FreeConvert（フリーコンバート）。形式を変換することで、正しく表示されるかもしれません。チェックしてみましょう！
画像のファイルサイズは大きすぎませんか？
あまりにも大きなサイズの画像だと、ホームページやブログの表示が遅くなるだけでなく、アップロードに失敗したり、正しく表示されなかったりすることがあります！画像を適切なサイズに調整して、もう一度確認してみましょう！
アップロードはきちんと完了しましたか？
「メディアライブラリ」で画像を確認してみましょう！もし、そこに画像が見当たらなければ、再度アップロードを試します。アップロード中にエラーメッセージが表示された場合は、その内容をメモしておくと、原因を探るヒントになります！
画像のURLは正しいですか？
もし、URLを指定して画像を表示させている場合は、そのURLが間違っていないか、リンク切れになっていないかを確認してみましょう！特に、他のホームページやブログの画像URLを直接指定している場合は、そのサイトの状況によって表示されなくなることもあります。
インターネット接続は安定していますか？
ごくまれに、インターネット接続が不安定なために、画像が一時的に表示されないこともあります。もし、他のサイトも正常に表示されないようでしたら、インターネット接続を確認してみましょう！
ブラウザのキャッシュが原因かも？
古い情報が一時的に保存されていて、それが原因で正しく表示されないことがあります！一度、ブラウザのキャッシュをクリアしてみるか、別のブラウザで確認してみましょう。ホームページやブログ制作初期の頃は、このパターンが割と多いです。更新して確認し、それでも表示されないようならキャッシュの削除に挑戦してみましょう！
上記を確認しても問題が解決しない場合
テーマやプラグインとの相性問題かもしれません
特に、最近テーマを切り替えたり、新しいプラグインをインストールしたりした場合に起こることがあります！一時的にテーマをデフォルトのテーマに戻してみたり、最近インストールしたプラグインを停止してみたりして、問題が解決するかどうか試してみましょう。もし、それで問題が解決するようでしたら、テーマやプラグインの製作者に問い合わせてみるのも良いかもしれません。
ワードプレスのバージョンが古い可能性
ワードプレスは、常に最新のバージョンを使用することが推奨されています！もし、古いバージョンのまま使用している場合は、アップデートを検討してみてください。セキュリティー的にも良くないです。更新、大切ですよ！
それでも解決しない場合は
レンタルサーバーの容量がいっぱいになっているかも？
もし、画像をたくさんアップロードしている場合は、サーバーの容量を確認してみましょう！容量が不足している場合、サーバーのプランをアップグレードするか、不要なファイルを削除する必要があります。
専門家の助けが必要かも？
もし、どうしても原因が特定できない場合は、ワードプレスのサポートフォーラムや、ウェブサイト制作の専門家などに相談してみるのも一つの手かもしれません。
画像がきちんと表示されないと、せっかくの素敵な記事も魅力が半減してしまいます！
焦らずに一つずつ原因を探っていけば、必ず解決できますよ！
あなたのサイトに画像が上手に掲載されますように！
応援しています！
次のステップへ！ホームページやブログで、継続的な情報発信をしよう
てんデザの特徴：1
テンプレートに沿ってテキストや写真をご提出いただき、1週間程度でホームページとブログを制作いたします。
てんデザの特徴：2
制作費用は2万円からとリーズナブル。月額費用、管理費用、保守費用などのランニングコストはいただいておりません。
