![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
お世話になります。
HP作成初心者です。
【使用ソフトなど】
イラストレーターVer9・フォトショップVer6・Win XP
【手順】
イラストレーターで絵を描いて、
文字等を入れ(アウトラインやアンチエイリアス加工をしています)
完成した画像をフォトショップで解像度を調節してから
「WEB用で保存(jpg/高画質)」を選択して保存し画像をアップ
しています。
HTMLでの画像サイズのタグは、小さな画像を大きく設定している訳ではないのですが(大きなサイズを小さくする事はあります)、画像がぼやけたり粗くなってしまいます。
初心者で、このサイトを見て色んな保存形式に変えてみました。
png形式でもダメでした。
手順は間違っているでしょうか?
宜しくお願いします。
No.1ベストアンサー
- 回答日時:
> 「WEB用で保存(jpg/高画質)」を選択して保存し
この時点ではぼけとかは気にならないですか?
Jpegは最高画質で保存しても少しはぼけます。
色数が少ない、ハッキリしたものならGIFで保存。
写真のような色数多いのはJpegで。
> 小さな画像を大きく設定している訳ではないのですが(大きなサイズを小さくする事はあります)
ブラウザにもよるけど、本来のサイズ以外で表示すると汚くなります。
小さいのを大きく見せるのはもちろん、逆に大きいのを小さくしてもです。
1/2や2倍のようなきっちりとしたサイズではなく、中途半端な拡大/縮小では特に顕著です。
Photoshopの画像解像度の【バイキュービック法】での拡大縮小するような高度な処理は行われていません。
ブラウザでは【ニアレストネイバー法】のような単純な方式で行われます。
面倒でも適切なサイズの画像を用意することをお勧めします。
この回答への補足
ご回答ありがとうございます。
>この時点ではぼけとかは気にならないですか?
気にならないです。
アップすると一気に劣化というか。
粗くぼやけてしまいます。
>Photoshopの画像解像度の【バイキュービック法】での拡大縮小
まだPhotoshopは慣れていませんが、上記の処理方法は
試していませんでした。
出社して再度上記アドバイスで試してみます!
ありがとうございます。
No.2
- 回答日時:
「WEB用に保存」をなぜPhotoshopでやっているのですか?
【手順】を拝見する限り、Photoshopは必要ないような気がします。
完成作品をIllustratorの表示倍率「100%」で表示させたときが、ブラウザで見える大きさです。
大きすぎたり小さすぎたりしたときはこの段階で希望の大きさに調整しておきます。
そしてその状態で「WEB用に保存」すればOKです。(PhotoshopではなくてIllustratorで。)
保存する直前に仕上がりが確認できます。
※【手順】にはありませんが、もし画像が配置してありそれがepsなら埋め込んでおきます。
(画像は解像度が不足しないように)
※周囲に不要なオブジェクトがあるときは「トンボ(トリムエリア)」を作成しておきます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
- PDF 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 1 2022/03/31 19:09
- その他(IT・Webサービス) 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 3 2022/03/31 19:11
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- PDF 画像調整してスクショし保存した画像を印刷する方法 1 2022/03/31 18:42
- Mac OS Macか Windowsか?悩んでいます。 6 2023/04/07 09:35
- Windows 8 Route Generator の使い方 1 2023/05/03 00:36
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Photoshop(フォトショップ) 下記の操作のみでAdobeの画像ソフトを使っていますが他によいものがあれば 1 2022/08/03 14:24
- ヤフオク! ヤフオクに出品したいのですが、タグを実行出来ません。 2 2022/09/16 12:36
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スキャナーで取り込んだ画像を1...
-
既存画像(gif または png)の背...
-
黒文字のロゴを白抜きで使いた...
-
JW CAD の 挿入した画像への...
-
discordで画像保存できない
-
エクセルで、特定の画像へリン...
-
自作アイコンの背景が透明にな...
-
LibreOffice Calcで背景画像の...
-
写真を交互に複数枚切り替え表...
-
GIMPで回転について
-
GIFやJPGの画像が保存できない
-
画像生成AIで作成したTシャツを...
-
背景透明保持、ライブトレース
-
エクスプローラー サムネイル表...
-
InDesignスプレッドに含まれる...
-
PHPが絡んだサイトを編集する際...
-
フォトショップのモザイクって...
-
背景を動かないようにするには?
-
ディザとはなんですか?
-
JTrimでスキャンした画像の背景...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
2136×2848の画像を50...
-
フォトショップエレメント7 画...
-
ホームページビルダーで画像サ...
-
pdfファイルのサイズ縮小
-
HPに画像をアップすると粗く...
-
Jpegをテレビで見るときのサイズ
-
エクセルに画面のハードコピー...
-
・画像写真の貼り付け・・・
-
くるくる
-
イラストレータ jpeg 書き出...
-
web制作 画像がぼやける
-
イラレで作成したものをGIFに変...
-
写真の有効解像度を知る方法
-
ホームページに載せる写真のサ...
-
HPビルダーで写真を挿入すると
-
Word2002に貼り付けた後の画像...
-
フォトショ・最適な縮小方法とは?
-
ホームページビルダー表巾の固定
-
いいペイントソフトを教えてく...
-
HP掲載用写真データサイズにつ...
おすすめ情報