Photoshopで作った画像をHPに張るのは

質問

Macユーザーです。
Photoshopで作った絵や画像を簡単HPに張るには、画像の要領をかなり小さくしないと画像アップロードが出来ませんが、どうすれば出来ますか？
Photoshopで加工すると１M以上になってしまいます。画像アップロードできるサイズは最大で１００～５００KB位ですよね。教えて下さい。
又、Photoshopファイルをjpg等にファイル変換方と、お絵書き掲示板に画像のアップロードの仕方も教えて下さい。お願い致します。

回答No.7

noname#5549 · ベストアンサー

こんばんは。
IMGタグでのサイズ指定はきちんとファイルのピクセル寸法通りでしょうか？
「WEB用に保存」を使用すると、
自動的に解像度が72dpiに固定されますので、
実サイズより大きく表示すると荒くなります。

あとは保存する際にきれいに表示されているか確認しながら作業してますか？
100%のサイズで表示しながら保存すれば、
見た目的には同じになるはずです。
別名保存で確認せずにやると予想とずれますので注意。

また、GIFに関しても、やり方を覚えると多少細かくてもきれいに表示されます。
もちろんファイルサイズが重くなるので大きな画像には向きませんが。

一度、出来たファイルをPictureViewerででも見て下さい。
それでぼやけていなければ、画像ではなく、
HTMLの組み方の問題ですよ。

お礼

お返事遅くなってすいませんでした。保存の際のサイズが影響するなんて知りませんでした。
早速試してみます

回答No.6

rina-rina

>絵の輪郭や絵全体がぼやけた感じでクリアーな画像になりません。

シャープ機能を使ってみてはいかがですか？
メニュバーの［フィルタ］→［シャープ］で使えます。
ただし、シャープをかけすぎると逆に粗くなるので要注意です。

お礼

お返事遅くなってすいませんでした。
この技は、他の絵等にも使えそうですね。
早速やってみたところ改善されました。
ありがとうございます。

回答No.5

paradiso

更に補足します。

絵の一部を切り取った後、画像解像度でサイズを変更されるところまではいったようですね。
そこで、「縦横比を固定」はチェックしたまま、ピクセル寸法の縦もしくは横のみを（数の大きい方）、約200ピクセル以下（バナーならもっと小さい方が良いかもしれませんが）にしてみてください。
同じ縦横比率のまま小さくなるはずです。

それもできているのに、Webに貼り付けるとサイズがおかしくなるのであれば、画像のサイズを<IMG SRC>タグ内に指定してください。

<IMG SRC="http://www...." height="125" width="100">

といったようなカンジです。高さはheight、幅はwidthです。その数値はPhotoshopでサイズ調整しているときに覚えておいてください。

お礼

ありがとうございます。
サイズを指定したら縦のちじみは無くなりましたが、絵の輪郭や絵全体がぼやけた感じでクリアーな画像になりません。（ちじんでいる時から）
みなさんが、使用しているバナ－はとても鮮明に絵の画像が見えますが、どのようにしたら鮮明になりますか？
すいませんが教えて下さい。

回答No.4

Hiromun

念の為、補足します。
GIF形式やJPEG形式で保存される場合は
画像を統合する必要があります。
（つまり、レイヤー１、２とか分かれたままではできませんので、レイヤーを結合しなければなりません）

あとは、#3の方のおっしゃる通りで
サイズダウンできます。

お礼

わざわざ、ありがとうございます。
一度レイヤーを結合しないで失敗しましたので、結合させたら出来ました。
が、縦がちじんでしまい変な画像になってしまいました。
はがきサイズの絵の一部分を切り抜きバナ－を作りたいのですが、どの様にすれば適当なサイズになりますか？

回答No.3

paradiso

下の方々の情報に補足します。

メニューバーの【イメージ】にある【画像解像度】を変更する場合、

1）「ピクセル寸法」を200×200以内におさめる。1ページに1枚だけでしたらもう少し大きくても構いません。

2）「プリントサイズ」の解像度を72dpiにする。多少ボケますが、モニター上で見る分にはあまり問題はありません。

3）JPEG形式で保存する場合は【モード】で【RGB】を、GIF形式で保存する場合は【インデックスカラー】を選択。
※写真画像や微妙な色合いを出したい場合はJPEG、256色で問題ないようなロゴや図形オブジェクトなどであればGIFで保存するのが良いかと。

【ファイル】の【データ書き出し】で【GIF89a】を選択してもGIF形式で保存が可能です。透過GIF（絵のないところは透けてバックグラウンドの色が見える）などはこの方法で作成します。

お礼

ありがとうございます。
画像をはる事は出来ましたが、下記のお礼内容の様な結果になってしまいました。

追加して知っていたら教えて頂きたいのですが、お絵書き掲示板に予め保存しておいた絵を投稿欄に投稿する方法を知っていたら教えて下さい。

回答No.2

noname#5549

こんばんは。
記憶では100Kだったと思います。
保存の仕方は下の方の仰るとおり。
さらに云えば、「ImageReady」を利用した方が、
細かな設定が可能で便利です。

「Web用に保存」が無ければ、
サイズや解像度を調整し、
別名保存すれば良いでしょう。（JPEG）
GIFやPNG8なら、そのまま別名保存すると、
予想以上に色が変化しますので、
「インデックスカラー」で、
色を選択し、意図する色に近づけた方が良いでしょう。

お礼

ありがとうございます。使用しているバージョンが５.０なのでこの方法で
ホームにバナーをはる事が出来ましたが、縦がちじんで変な絵になってしまいました。
はがきサイズの絵の一部分を切り抜き使用したのですが...
どうすれば、みなさんがホームではっている様なバナ－になりますか？
教えて下さい。

回答No.1

rina-rina

5.5以降（おそらく）ならメニューバーの［ファイル］→［Web用に保存する］で画像サイズやJPEG・GIF形式に変換して保存できます。解像度や最適化も自動的に調節してくれるので初心者には便利です。

>画像アップロードできるサイズは最大で１００～５００KB位ですよね

特に決まってないと思います。(^^;
でも掲示板に貼り付ける画像は別。サイズ制限があるところが多いです。アップロードの方法も画像サイズも、その掲示板の注意書きに書いてあると思います。掲示板に貼り付けるられる画像サイズは、掲示板によって違いますから。

でもあまり重いと表示に時間がかかって誰も見てくれないでしょうね。他の人の迷惑にもなりますし。Web画像は数10KB/1枚が目安です。

参考URL：

http://www.cybig.net/data/photoshop.html

お礼

ありがとうございます。
あいにく、５.０しか持ってい無いので、この方法は使えませんが初心者の私には便利そうですね。
サイズに関しては、良くわかりました。