画像をペイントで・・・

質問

ホームページに自分の画像を張りたいと思っています。
ですが、普通保存したものが、gifかjpgで、分かるじゃないですか。
スキャナで取り込んで、それでペイントで少し変えた画像は、どういうタグで打ち込めば、移るのか。。。
教えてください。

回答No.1

coral0 · ベストアンサー

quien9さんが悩んでいるのか少し掴めないので、スキャナで取り込み、ペイントソフトで編集してから、実際にホームページにその画像を貼るまでの流れを書いてみますので、参考にしてみてください。

１．スキャナで画像を取り込む
　　　　　　　　↓
２．ペイントソフトでスキャナで取り込んだ画像を開き、編集を加える
　　　　　　　　↓
３．編集を加えた画像をサーバへアップロードする。
　　　　　　　　↓
４．画像を貼り付けたいホームページのソースにIMGタグを書き込む

大まかな流れは、上の4段階になります。

次にこの4段階についての詳細な説明に移ります。
１．スキャナで画像を取り込む
　　　スキャナで画像を取り込んだ際、画像拡張子が何かを確認してみてください
　　　もし、JPGあるいはGIFであれば良いですが、TIFなどの拡張子であった場合は、
　　　以下のサイトから「G・こんばーちゃ♪」というありとあらゆる画像形式を変換
　　　してくれるツールがダウンロードできますので、こちらを使用して、拡張子JPG
　　　に変換してください。（GIFでも可）
http://www.vector.co.jp/soft/dl/win95/art/se142510.html

２．ペイントソフトでスキャナで取り込んだ画像を開き、編集を加える
　　　質問を見る限り、ココで悩まれている様子は無いので、簡略化します。
　　　画像加工後、保存する際は、元の画像形式で保存してください

３．編集を加えた画像をサーバへアップロードする
　　　これについては、quien9さんがどのサーバを利用しているのか解らないので
　　　説明のしようがありませんが、たぶん何処かのサーバをレンタルされている
　　　と思いますので、そちらのサイトにて、ファイルのアップロード方法を
　　　見て画像をアップロードしてください

４．画像を貼り付けたいホームページのソースにIMGタグを書き込む
　　　この段階が一番重要なところですよね。
　　　ホームページ上に画像を貼り付ける場合、IMGというタグを用いて、
　　　ホームページに画像を表示させることができます。
　　　以下に例を書きます。
　　　<IMG SRC="http://okweb.jp/images/okweb_logo32c_130w_2.gif">
　　　このIMGタグを書くと、この「OK Web」のロゴがホームページに
　　　表示されるようになります。
　　　この例を参考に先程サーバにアップロードした画像を<IMG SRC="(画像URL)">
　　　という風に書いて画像を表示させてみてください♪
　　　画像URLには拡張子もちゃんと書いてあげてくださいね

残念ながらquien9さんが使用されているレンタルサーバの名前も何も解らない状態でしたので、
この位しか説明することが出来ませんでした(>_<)
また何かご質問等あれば、もう少し詳細な内容を書いて下さると教え易いです♪

回答No.2

Lunaria

画像を貼るときは相対パスで書いたほうがいろいろ利便性がいいように思います。
アップロードする前にローカルで確認出来るとか、サイトの引越しの時楽だとか、間違えてパソコンの中にある画像にリンクを貼るのを防げるとか、ほんのちょっとだけ記述が短くなるという程度なので、好き好きでしょうが……

画像とそれを表示したいHTMLファイルが同じ階層にある場合は
<IMG SRC="○○.jpg" WIDTH="○○" HEIGHT="○○" ALT="画像の説明文">
HTMLファイルが入っているディレクトリの下の「img」というディレクトリにある時は
<IMG SRC="img/○○.jpg" WIDTH="○○" HEIGHT="○○" ALT="画像の説明文">
のように書きます。

「WIDTH="○○" HEIGHT="○○"」をつけたほうが読み込み途中にレイアウト崩れをすることがなくて良いです。
（実際の画像の大きさと違うと画像が汚くなるので注意）
「ALT="画像の説明文"」は必ずつけましょう。
GIFファイルの場合は「○○.jpg」を「○○.gif」にするだけで同じです。

参考URL：

http://www.geocities.co.jp/SiliconValley/4466/lecture/html.06.html