ＨＰ作成をしています。自作画像を使用したいのですが

質問

自作画像をペイントで作成しました。
保存の際にファイルの種類をgifを選びimgと名前を付けたフォルダにtitle.gifとして保存しました。
その画像をindex.htmlに
<CENTER>
<IMG SRC="img/title.gif" WIDTH="530" HEIGHT="270" alt="タイトルイメージ">
</CENTER>

と記述しましたがブラウザで見ると530×270の枠と罰マークにタイトルイメージと記載されているだけです
MS Officeが入っているのであればペイントで保存ファイルの種類を選ぶだけで特にツールを使用して拡張子を変更しなくても良いとの事でしたが他にも問題点がありますか？
サイズが大きすぎる（900kb）のではと小さいサイズ（4kb）ほどのものも作成しましたが同様でした

ブログサービスで他の画像を拝借する場合は一度画像をアップロードしてURLを取得してから<img src="画像ＵＲＬ">の形で表示させますが
<img src="フォルダ/ファイル">の形でも画像はアップロードしなければ使用できないのでしょうか？

回答No.3

maho-maho · ベストアンサー

index.htmlをローカルで見る限り、画像もアップロードしなくても見れるはずです。

考えられるのは、つづりが間違っているか、フォルダとファイルの位置関係が間違っているのどちらかだと思われます。

つづりは間違っていませんか？
homepegeというフォルダを開くとindex.htmlとimgフォルダが見えますか？
で、imgフォルダを開くとtitle.gifが見えますか？

ちなみに補足に補足を書くとメールが届かないので、返事があったのかどうかわからないことが多いです…。お礼欄だとメールが届くので返事が早くできるかもです。

お礼

＞index.htmlをローカルで見る限り、画像もアップロードしなくても見れるはずです。
私もそのイメージでトップページを作成していたのですが・・・

打ち込むタグに位置関係を間違い無く打ち込みブラウザでindex.htmlを確認しながら完成→サーバーにアップ と言う感覚で作っていたのですけれど何故か自作画像が・・・・

確認しましたが間違ってはいないようですｗｗｗｗｗ

ペイントにて作成→名前を付けて保存でgifを選択名前はtitle.gif
保存先はhomepageフォルダのimgフォルダの中です

＞homepegeというフォルダを開くとindex.htmlとimgフォルダが見えますか？
で、imgフォルダを開くとtitle.gifが見えますか？
仰るとおりに存在しています
スペルも大丈夫でした

サイズは６４０×５１２
大きさは８kbです

タグ内のWIDTH="530" HEIGHT="270"が画像のサイズと違うからでしょうか？
作成した画像はそんなに大きくないのですが保存するとサイズ欄に記載されます

補足よりもお礼が早いのは知りませんでした！有難うございます！

補足

続けざまで申し訳ございません
タグ内のWIDTH="530" HEIGHT="270"を640.512に変更しましたところ
画像は表示されました！！

しかし相当広くスペースが空いてしまいタイトル画像から次の行のテキストがすごく空いてしまいます

WIDTH= HEIGHT=で表示範囲は設定できないと言うことでしょうか？
画像を保存する時にペイントの領域で画像のみを囲って保存したのですがどのような大きさの画像を作成しても保存すると640.512になってしまいます

回答No.6

maho-maho

No.5の前にNO.4さんの方法で
必要な部分を選択範囲で囲みましたか？

回答No.5

maho-maho

No.4さんの方法でできるだろうと思っていましたが…。
状況がよくわからないですが、
元データが530×270なら

変形→キャンバスの色とサイズでそのサイズを指定してから元データをドラッグアンドドロップで指定のサイズで貼り付けられませんか？

もしくは元データのサイズでキャンバスのサイズを指定。
元データを開く。
変形→伸縮と傾きで好きなサイズに変更（但し元データの何％かを計算）
でどうでしょう。

それでできなければ元データの形式とサイズを教えてください。

お礼

moha-moha様幾度と無く丁寧に有難うございます
ＮＯ４様の方法を試みましたがペイント→編集→ファイルにコピーがファイルに貼り付けしかアクティブになっておらず出来ない状態でした。
＞変形→キャンバスの色とサイズでそのサイズを指定してから元データをドラッグアンドドロップで指定のサイズで貼り付けられませんか？

この方法で元データの余計な部分を削り新たにgifで保存してみました
それをＨＴＭＬファイルに記述しましたら思ったようになりました！！

本当に最後までお付き合い頂き有難うございます
本来であればこの位の知識では回答すら頂けないと思っておりました
感謝いたします！！

回答No.4

noname#79554

ANo.3補足欄を読んで思ったことを書きます。

＞画像を保存する時にペイントの領域で画像のみを囲って保存

これでは、囲った範囲のみを保存することはできません。
一旦、
編集（Ｅ）→ファイルへコピー（Ｏ）→ファイルの種類を「ビットマップ」→ＯＫボタン
としてみてください。

次に、ビットマップで保存した画像をペイントで開き、それをgifなどで保存してください。
そうすれば、目的のサイズ＋拡張子で保存されるはずです。

お礼

ペイントを起動しファイル（Ｆ）よりtitle.gifを呼び出し編集（Ｅ）
しようとしましたらファイルへコピー（Ｏ）が反映されておりません

最初から画像を作成しなければいままで保存していたものは流用できないのでしょうか（泣）

回答No.2

torayoshi

すごく初歩的で基本的な質問内容だと思われますが、
最後の二行がイマイチ意味不明で、閲覧者の多くの人は
回答に戸惑っているのだと思います。

別にMS Office入ってなくてもペイントで保存ファイルの種類を選べば、
その拡張子で保存されますからその保存方法で合ってます。

> 画像はアップロードしなければ使用できないのでしょうか？
質問者さんは画像をアップロードしてURLを取得しなければ、
web上で画像を表示させることが出来ないことを既に学習済みです。
このことはブログだろうとプライベートホームページスペースだろうと関係なく同じことです。
それらを考え合わせればアップロードしなければ画像を使用出来ないかどうかは、
自ずと答えは出て来ると思いますが…

補足

本当に基本的だと感じております
本やサイトの作成術を読みまして当方の手順としましてはまずはトップページ・各戸別ページ等をローカルのhomepageフォルダに全てファイル作成が済んでから最後に全てをサーバーにアップしようと考えておりますのでサーバーはまだ用意しておりません

＞自ずと答えは出て来ると思いますが…
homepegeフォルダのなかで関連付けが出来ていればブラウザで確認できるものなのかと漠然と「何か違うような・・・」と思いながら手順通りに進んでいたものですから
このような初歩的な質問になってしまいました

例えば現在使用しているブログサービスのアップローダー又はYahooフォト等のアップローダーにて自作画像をアップしてそれをtitle.gifとして保存しなければならないと言うことで宜しいでしょうか？

回答No.1

bardfish

HTMLの書き方はそれで間違いありません。

問題は…
画像が表示される場所が×マークが表示されると言うことは、該当ファイルが見つからないと言うこと。
まず確認することはフォルダの名前と画像ファイル名の大文字小文字。WEBサーバーでは英文字の大文字小文字を判別します。
作成したtitle.gifは自分のパソコンで正常に表示されかる。
コレを確認してください。

補足

ご閲覧有難うございます
＞作成したtitle.gifは自分のパソコンで正常に表示されかる。
コレを確認してください。

恐らくNO２様の仰る事に関連致しますが画像をアップしていないのでURLが無い為表示されないのだと思います。
初心者用の本を片手に試行錯誤しているのですが画像については
「homepegeフォルダの中にそのＨＰで使用する画像を全て保存し
<img src="フォルダ/ファイル">で記述する」としか書いておらず
そのまま鵜呑みにしていたものですから・・・・

そして最後に全て完成してからサーバーにアップした時点で表示されるものだと・・・・
本当に基本的なことで躓いていたようですm(__)m