フォトショップのweb用画像の作り方について

質問

今、フォトショップにてＨＰ用のヘッダーやバナーを作成していますが、他のＨＰに比べると文字が見にくかったり、画像がどうしても
粗くなってしまいます。

保存の際に「web用に保存」からJPEGやGIFに保存をしており、
フォトショップで見る限りでは、とても鮮明に表示されております。
解像度や保存、作成の際の注意点がありましたら、
ぜひアドバイスをお願い致します。

回答No.2

noname#168404

No.1です。お礼ありがとうございました。

鮮明にするにはバナーやボタンを作成する際になるべく原寸大にして編集した方がいいです。
つまり、縮小すると補間処理が入ってしまうために、なめらかな（鮮明でない）画像になってしまいます。
しかし、編集する時には大きな画像でやって、最後に縮小した方が編集はやりやすいと思います。
その時には、縮小した後に「シャープ」にした方がいいでしょう。

さらにフォトショップでは「アンチエイリアス」と言って、なげなわツールなどで範囲指定する際になめらかにする処理が自動で働くようになっていますので、もし使う時にはそのチェックボックスも外した方がいいでしょう。

お礼

ありがとうございました！
なるべく原寸大で作成するようにしたと思います。
縮小する際の注意点も勉強になりました。
実践していきたいと思います！！

回答No.1

noname#168404

文字やアニメなど、コントラストのハッキリしたものは、JpegよりもGIF形式の方が適しています。
Jpegは、写真のような陰影などで微妙に色が違ったりするようなものに適しています。

また当然ながらJpegでは、圧縮比が低いほど鮮明になります。

お礼

ありがとうございます。
GIFの方で作成してみます！