質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.49%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

0回答

868閲覧

html5で表示されない画像を表示させる方法についての質問です。

tatten-100

総合スコア0

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

0クリップ

投稿2020/06/30 00:52

編集2020/06/30 14:29

前提・実現したいこと

現在webサイトのポートフォリオをawsで作成しています。
一枚だけどうしても表示できない画像があり原因が分からないため質問させていただきました。
その画像をawsで開くとエラー?として表示されているものは下に記述します。

発生している問題・エラーメッセージ

Invalid or Unsupported Image Format

該当のソースコード

HTML5

1 <div class="concept-contents-2-A-sp"> 2 <img class="concept-contents-2-image-sp" src="images/IBUS458A19621-sp.jpg" alt="店内イメージ"> 3 </div>

試したこと

フォーマットの形式をjpgからpngに変更してみましたが、効果はありませんでした。
詳しい手順としてはjpgとして保存していた表示できなった画像をフォトショップで開き、png形式で新たに書き出したという形になります。
また、パスやコードの書き間違えも確認しましたが自分が認識できる範囲にはありませんでした。
これらのことから表示されないのは、エラーメッセージで書いてある通り画像のフォーマットの問題だと仮定しましたが調べても有益な情報が見つかりませんでした。

補足情報(FW/ツールのバージョンなど)

エラーが起きた画像はsp表示用にフォトショップでトリミングの編集済のものであり、元はフリー素材の画像です。
pc表示では画像を編集せずそのまま使用しているのですが、普通に表示されています。
それ以外の画像も表示されており、フォーマットは全てjpgです。
初歩的な質問になってしまうのですが、回答よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ikadzuchi

2020/06/30 12:22

> フォーマットの形式をjpgからpngに変更してみました この処理の手順を詳しく書いてください。
tatten-100

2020/06/30 14:30

コメントありがとうございます。 該当部分に手順の詳しい説明を追記し修正しました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問