ウェブ用画像の解像度について困っています。
HPに載せる画像として、400px×200pxほどの画像(文字と写真)を作成したいのですが、どうしても仕上がりが荒くなってしまいます。
使用ソフトはphotoshop・illustratorともにCS5
新規作成で
幅400px・高さ200px・解像度72px・カラーRGB
として内容を作成後、
ウェブ及びデバイス用に保存 でgif、png、jpegすべて試してみました。
現状、表示させたい大きさの2. 5倍~3倍くらいの大きさで画像を作成し、
htmlで縮小させて表示させる方法なら荒くならず綺麗に表示されるのですが、
原寸で作成しても解像度を保つ方法を知りたいと思っています。
初心者で申し訳ありませんが、アドバイスを頂きたくお願い申し上げます。
みんなの回答 7 件
それretinaモニタの仕様です。retina モニタなどで検索かけるとわかります。retinaモニタでキレイに表示させるには大凡二倍の画像サイズにして縮小するか、JSで画像を差し替えるか、srcsetで差し替えるかしかありません。
イラレとフォトショで作ったのは分かるけど、書き出してるのはどっちのソフトでしょう。
.
フォトショと想定して、
「Shift」+「Ctrl」+「Alt」+「S」の「WEB用に保存」で、
この画像のような「PNG24」ではどうでしょうか。
Winでの画面です。
細かい設定も同じにしてみてください。
.
もしイラレで書き出しているようでしたら、
1:イラレ上でオブジェクトをコピー
2:フォトショ上で新規カンバスにスマートオブジェクトで貼り付け
でやってみてください。
原因なんだろう~?
解決できますように。
jpegの書き出しの品質は最高レベルになってますか?
デフォルトだと80%くらいの品質になっているので、劣化しますよ。
実はIEとかクロームの設定で拡大75%とかなってないよね?
>荒くなってしまいます。
なんかこれがものすごく主観が入ってる気もするので、サンプル画像(photoshop上のスクショ and 書き出し後png)をどこか適当なところに貼りなさい。
おそらくフォントの大きさが小さいか、あれでしょうアンチエイリアスの設定がされてないとかでしょう
トピ主音信不通で回答が出ないのがモヤモヤするw
関連するトピックス