WEB用の小さい画像がうまく作れません

質問

フォトショップやイラストレータなどでホームページで使用する家紋を作成したのですが、保存してプレぴゅーするとガタガタの画像になってしまいます。画像解像度を大きくしてHPの作成時にちじめたり、最初から小さくフォトショップなどで作成したり、保存形式をWEB用にしたりとしているのですがうまくいきません、編集中はきれいに見えるのですがなぜでしょうか？形式はGIFで保存しています。何か上手につくる方法がありましたらお教え願いますか。大きさ的には４０ピクセルぐらいの丸い家紋を作りたいのですが基本的な良い作り方などがありましたらお願いいたします。※RGBで作成しています。

回答No.1

renton · ベストアンサー

バージョンは幾つでしょうか？

Gif形式で透過ありで出力すると、輪郭がぎざぎざになります。RGB値の一色を抜き色として使用しているためです。
Web用に保存時にマット色を使用して、HPで使用している背景色と同じ色を選択すると、そのギザギザが目立たなくなります。

補足

早速に回答いただいてありがとうございます。フォトショップ、イラストレータともにＣＳ２です。回答の中に「Web用に保存時にマット色を使用」とありますがもう少し詳しく教えていただければありがたいのですが、ＨＰの背景色は黒です。家紋ののデーターはイラストレーターで作っています。どうぞ宜しく御願いいたします。

回答No.3

fukkyse

どのくらいガタガタの画像なのか良くわかりませんが

http://www.harimaya.com/kamon/network.html

ここの一番上の（jpeg）がひとつ当たり36*36Pixelぐらいでしたが。これよりもガタガタなんでしょうか？

40*40ではある程度の限界があると思いますが。

私ならばPhotoShopで最終Pixel数にて作成すると思います。（パスの作成はIllustratorを使うかもしれないが）

お礼

みなさん質問をお聞きしていると何となくコツがわかってきました。
わざわざ時間をさいての回答ありがとうございました。

回答No.2

renton

Illustratorで素材を作る時は、最終的に使用するサイズのピクセル数で作成します。最終的に40ピクセルで使用したいなら、アートボードの設定も同じにしておきます。

ファイル→Web用に保存で、保存の設定画面を表示します。
そこに、マットという項目があるので、HPで使用している背景色と同じ色を選択します。
画像のアンチのかかっている部分に、マットで指定した色が入って綺麗にみえます。

HPに表示する時は、PhotoshopやIllustratorで作成した画像をHP作成ソフトなどで無理やり拡大縮小表示はせずに、原寸のまま使用するようにしてください。

お礼

丁寧にご説明いただいてありがとうございます。このサイトを利用し何度か質問したことがあるのですが、毎回、感謝！感謝！です。rentonさんありがとうございました。