ただいま、HTMLでホームページを作成しようとビギナーガイド等を見ながらメモ帳で作成しています。
Webでフリー素材などを頂き、載せたい写真も自分で撮影していざHPを作成しようとし、メモ帳で作成後IE等で確認するとフリー素材は表示されますが、自分で撮影したjpg画像が全く表示されません(泣)
ちなみにフリー素材はgifで10kくらいのものです。自分の写真もjpgで60k程度のものなのですが。jpgを入れる場所にフリーgifを入れ替えてみるとちゃんと表示されるので、自分の写真がおかしいのかな?とも思ったのですが、なにがいけないのか全く分かりません・・・。
当方、全くの初心者ですのですみませんがお詳しい方、どうぞよろしくお願いします。
No.6ベストアンサー
- 回答日時:
すいません、少し気になったのですが、フォトショップで縮小した画像ということですが、そのとき別名で保存→○○○.jpgのようにフォトショップ上でjpg保存したデータということですよね?
大本のデジカメデータ?もjpgなら、入れ替えてみて表示されないですか?(大きさはすごいことになるかもしれませんがそれはまあ、置いておいて)
これで表示される場合は縮小・保存の仕方がおかしいということになってきますが……
外していたらすいません。
ありがとうございました。
デジカメのデータはjpgなので、フォトショップで処理せず、写したままのデータを入力してみましたが、ダメでした。フォルダはhtmもjpgも同じ所へ入れてあります。
gifへも変換してみましたが、やはり自分で撮った写真は表示されません。何がいけないのかさっぱり分からず、途方に暮れています。
No.7
- 回答日時:
想像ですが、書類のカラー設定をCMYKで作られていませんか?
以前、同じように表示されないと相談された書類がCMYKでした。
Photoshopをお使いとのことですので、最近のバージョンと仮定して、
【イメージ > モード > RGBカラ-】にチェックを入れて下さい。
更に、ホームページ上で公開するのであれば、見た目を確認しながら、
画質調整が出来る【ファイル > Web用に保存...】で保存してみて下さい。
Web用に保存...で保存すれば、CMYK書類もRGB書類に変更される(はず)です。
HTMLに書き込む前に、件の画像を、ブラウザのアイコンにドラッグ&ドロップで直接開いてみると、
開けるか否かが確認出来ます。
(Windowsでもアイコンにドロップすれば開けますよね?
Macintoshなので、ここら辺の動作は自信ありません)
まずは、カラーモードをご確認下さい。
ありがとうございます。
カラーモードですか!全く気にしておりませんでした。
それに、【ファイル > Web用に保存...】も全然してませんでした。常に、「別名で保存」でしたので、そこからおかしかったのでしょうか。
家に帰りましたらまた確認してみます!
No.5
- 回答日時:
ファイル名がaaの場合
aa.jpgをaa.jpegとしてみてもダメですか。
拡張子がjpegだった場合、jpgを指定しても表示されませんので。
ありがとうございました。
拡張子を変えてみてもダメでした・・・。
今日は一日これをやってますが、一向に表示される気配がありません。
自分の写真を紹介するのがメインのHPを作りたいのに、これではHP公開出来そうにないです。すごく残念です。
デジカメで撮った写真をフォトショップで適当な解像度まで落としてjpg形式の小さめの画像を作っただけなんですが、なんで表示されないのでしょうか(泣)
No.4
- 回答日時:
画像表示タグ<img src=ファイル名>なので
表示テストを PC内(ローカル)でやってるなら
gifもjpgも「同じフォルダ」内に置いて下さい。
FTPソフト(FTP機能)でサーバーに転送、ネット接続状態で表示確認されてるなら
転送先フォルダや、ファイル名・拡張子の大文字小文字の記述ミスが無いかの確認
また良く有るミスとして、ファイル名の部分は「xxx.jpg」とし、
(例)C:●●●/▲▲▲/xxx.jpg などと
画像ファイルの場所(PC内の)をコピーしないで下さい。
FTP転送しても、そのファイルは呼び出せません。
>Ps
HPで使うファイルは、ファイル名は必ず「アルファベット」で書いて下さい。
ありがとうございました。
表示テストはまだPC内での状態です。
FTPソフトにはたどり着けておりません(苦笑)
gifもjpgも同じフォルダに入れてみましたが、だめでした。
もちろんファイル名はアルファベットです。
独学ですと、「ここが悪い!」っていう場所も自分で見つけないといけないので、大変ですね・・・。まだ見つかってませんが。
とりあえず、htmlも画像も全部同じフォルダに入れてしまってみようかな?と思います。
No.3
- 回答日時:
その写真のファイル名にあわせて,HTMLのソースも変える必要があります.また,そのファイルが,HTMLファイルがある場所を基準にしてどこにあるか(HTMLファイルと同じフォルダにある,HTMLファイルのあるフォルダの上のフォルダにある,など)によっても変えなければなりません.
例:
使うpicture.jpg(640x480)をHTMLファイルの一つ上のフォルダに置いているとき
<img src="../picture.jpg" width="640" height="480">
使うpicture.jpg(640x480)をHTMLファイルと同じフォルダにある「img」フォルダの中に置いているとき
<img src="img/picture.jpg" width="640" height="480">
ありがとうございました。
例に頂いた <img src=・・・ をコピーして自分のファイルに当てはめてみましたが、表示はされませんでした。
階層も自分なりにビギナーガイドを読んで理解したつもりでしたが、まだまだなのでしょうか・・・。
とりあえず、下記の方の仰るとおり、HP作成ソフトで画像を表示させてみてからソースの勉強をしたいと思います。
No.2
- 回答日時:
フォルダ・ファイル名の記載は大丈夫ですか。
それにしてもメモ帳で始めるのはお勧めしません。
無料のHP作成ソフトを使って一度組んでください。
それで作って出来上がったHTML文例を見てください。比べてください。
画像表示のみだけ組んでください。
ありがとうございました。
フォルダ&ファイル名は
日本語無し・アルファベット小文字で入力するようにしています。
なるべくHPを自力で理解できるようにメモ帳から始めよう!と思ったのですがいきなり壁にぶち当たってしまいました。
仰るとおり、一度作成ソフトで組んでみて比較するのは良さそうですね。周りにHPを作成している人が誰もいないので、独学で頑張ります!
No.1
- 回答日時:
ありがとうございました。
このページもすでに読んではいたのですが、どうにも表示されません。
もらった画像は見れるのに、自分で撮った写真が見れないのはすごく悔しいので、もう一度よく読んでみようと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(悩み相談・人生相談) 著作権法違反になりますか? 6 2023/03/28 19:08
- その他(買い物・ショッピング) フリマサイトで画像引用の件です 4 2023/03/28 18:14
- その他(IT・Webサービス) こんにちは 閲覧ありがとうございます。 会社の宣伝広告様のチラシを作成しております。 家族写真 フリ 2 2022/05/24 15:13
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- 写真 著作権フリーの無料画像 3 2022/12/07 18:50
- Photoshop(フォトショップ) 写真に日付を入れるのがそんなに大変か 9 2023/07/22 14:38
- その他(パソコン・スマホ・電化製品) アンドロイドスマホの画面にクリックするとJPG写真が開くショートカットを作りたいのですが、方法をおし 3 2023/08/27 10:01
- 音楽・動画 フリー素材の音声について 2 2023/01/26 00:20
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- 音楽・動画 動画作成に詳しい方教えてください! リール動画で、このような文字だけ載せて背景を動画にするものって、 1 2023/08/05 16:21
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBA フォルダ名に特定の文字を...
-
Windows10でコマンドプロンプト...
-
エクセル VBA Filename:=Left(T...
-
パス名に2バイト文字(マルチバ...
-
VBA 最新のフォルダ取得
-
【マクロ】ファイル名の日付に...
-
バッチでループさせた場合、処...
-
Excelのハイパーリンクについて...
-
Access VBA で フォルダ権限...
-
条件に合うフォルダが存在する...
-
C#でフォルダをロックする方法
-
フォルダの場所を可変にしたい...
-
【コマンドプロンプト】名前順...
-
会社のネットワーク上のファイ...
-
.PST形式ファイルが格納されて...
-
フォームを最前面に表示したい...
-
フォルダ選択ダイアログ:ネッ...
-
セレクトボックスで選択された...
-
VBS サブフォルダの再帰処理に...
-
フォルダ名とテキスト内容の置...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Windows10でコマンドプロンプト...
-
ファイル名と同名のフォルダを...
-
VBA 最新のフォルダ取得
-
【マクロ】ファイル名の日付に...
-
windowsでテキストファイルの各...
-
デスクトップの画像をhtmlに表...
-
Access VBA で フォルダ権限...
-
フォルダ内のPDFファイル名を変...
-
パス名に2バイト文字(マルチバ...
-
多量のファイルをフォルダに自...
-
Excelで指定したフォルダに保存...
-
会社のネットワーク上のファイ...
-
ディレクトリ名変更してコピー...
-
VBA フォルダ名に特定の文字を...
-
エクセルマクロで指定フォルダ...
-
保存先のフォルダ名を指定した...
-
あるフォルダの中にあるファイ...
-
ExcelのVBAでフォルダ指定がで...
-
エクセルのマクロについて教え...
-
Excel VBA で フォルダ名の一部...
おすすめ情報