web用に保存で画像がばやける?

このQ&Aのポイント
  • web用に保存する際、画像がぼやけてしまう問題が発生しています。保存方法や使用ソフトについてのアドバイスをお願いします。
  • 質問者はillustrator、photoshop、fireworksを使用しており、保存にはphotoshopとFireworksを使用しています。しかし、保存した画像がぼやけてしまっていると報告しています。
  • 具体的な問題は、画像の保存時に白い線が入ってしまい、画像がぼやけてしまうことです。MacOSX10.7.5を使用しているとのことです。
回答を見る
  • ベストアンサー

web用に保存で画像がばやける?

はじめまして。 さっそくですが、質問させていただきます。 添付の画像をみていただきたいのですが、 赤い点線はdivで分けた枠です。 人が吹き出しで言葉を喋っているようにしたいと考えております。 (1)に画像を配置し、(2)にはcssで配色。 (1)と(2)の境目は同じ色にしております。 そこで問題が。 どうも(1)に配置する保存した画像が若干ぼやけて 画像輪郭が白くなってしまうから白い線がはいってしまいます。 画像の保存の仕方でぼやけない方法はありますでしょうか? 使用ソフトはillustrator,photoshop,fireworksそれぞれCS5 MacOSX10.7.5です。 最終的に保存に使用したソフトはphotoshop,Fireworksです。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

更に画像がぼやけていてよく見えないのですが、一般的な解決方法としては、画像をpng形式で保存するという手があります。

関連するQ&A

  • 一番きれいな画像の保存方法を教えてください。

    はじめまして。 現在、photoshopを使用しています。 画像の保存についていくつか疑問点やわからないことがあるのですが、そもそもphotoshopと他のソフト(fireworksなど)では同じ保存形式でも画像のきれい度合は違ってくるのでしょうか? また、photoshopだとテキスト入力の際「なし・シャープ・鮮明・強く・滑らかに」とありますが、どれが一番きれいにはっきりと表示されるのでしょうか? さらに「WEB用に保存」でもディザ云々やバイキュービック法?など普段気にもしていなかったのですが、よくよく見るといろいろな設定があるようです。 いったい、それぞれどれをすれば一番きれい(見やすい)な画像が出来上がるのでしょうか?好みと言われればそれまでなのですが、一般的によく使われる最もきれいとされる保存や入力方法など教えてください。 また、photoshopでGIF画像を保存し、背景を透明にするとどうしても白い枠のようなものができてしまうのですが、これを出さずにきれいに背景を透明にする方法はありますでしょうか? FLASHなどを使用するときにすこし不自由でして・・・ 質問が2つになってしまいましたが、どうかよろしくお願致します。

    • ベストアンサー
    • HTML
  • WEB用画像の書き出しはどれを使いますか?

    はじめまして。 現在、WEB製作を勉強しているものですが、バナーやメニュー等のパーツをWEB用の画像書き出しを する際には、photoshop、illustrator、fireworksのどのソフトを使うのが良いのでしょうか。 操作自体は、3つとも、同じくらいできるのですが、fireworksでは画像が綺麗ではないとか、 photoshopは、操作性がいまひとつ等。。。いろいろ聞くのですが、どれが一番効率がよいのでしょうか。 現在は、photoshopで全体のレイアウトも画像の書き出しをやっていたのですが、レイアウトだけでしたら、fireworks、illustratorの方が使いやすいかと思い、fireworksを試しております。 また、illustratorでは、アンチエイリアスがきいて、ピクセルがずれたりしてしまい、手間が かかってしまいます。 どのソフトでもできることは、理解しているのですが、クオリティを一番高く保ちながら、効率よいやり方がありましたら、ぜひともご教示頂けましたら幸いです。 有識者の方、よろしくお願い致します。

  • Photoshop7でweb用の画像をを作る適切な方法は?

    Photoshop7でweb用の画像をを作る適切な方法は? JPG画像を何枚か合成して、サイトのトップページ用の画像を作ろうとしているんですが Photoshop7って配置でjpgを選ぶことってできないんですか?CSだと普通にできるので、びっくりしました。 作業はpsdで保存しながらやって、最後にweb用に保存でjpgにしようと思ってます 元画像のjpgをepsとかにしてから配置するしかないんでしょうか? 7でサイト作ったことのある方教えてください!

  • 画像の保存

    フォトショップ5.5を使用しています。 画像の輪郭をぼかそうと思って、いろいろ手探り状態で、なんとかぼかすことは出来たのですが、jpg形式で保存すると(複製を保存)画像のぼかしが消えて保存されてしまいました。 保存の方法がおかしいのでしょうか? ぼかしつきの保存方法を教えてください!

  • Photoshopの画像保存について

    Photoshopの画像保存について教えて下さい。 携帯サイトの制作で、画像を「Webおよびデバイス用に保存」した時、元の色から変わってしまい、困っています。 携帯サイトの制作で、画像を「Webおよびデバイス用に保存」でJPEG・画質50で保存してHTMLに貼り付けると、HTML側の背景色と画像の一部分で同じ色にならなければならないのが、色が違って境目ができてしまいまい困っています。 どのように設定して保存すればいいでしょうか? ・HTMLの背景色「#aad82d」 ・photoshop上の同じ部分の色「#aad82d」 ・web用に保存後の同じ部分の色「#a9d413」 ちなみに、他社の方にて保存されている画像は、背景と画像の境目は馴染んでいました。 以下が現在の環境です。 ■OS iMac/Mac OS X 10.6.6 ■Photoshopの環境 バージョン>Photoshop CS5 表示>校正設定>インターネット標準RGB(sRGB) カラー設定> 設定:一般用-日本2 RGB:sRGB IEC61966-2.1 CMYK:Japan Color 2001 Coated グレー:Dot Gain 15% スポット:Dot Gain 15% どうかよろしくお願いいたします。

  • Webデザインで使うグラフィックソフトてどれを使えばいいですか?

    Webデザイン初心者です。 Webのアイコンやボタンなどの画像を作ろうと思ってるのですが、 どのグラフィックソフトが最適なのでしょうか? 今、photoshop、illustrator、ImageReadyが手元にあります。 一応、自分的にぐぐって調べてみたのですがFireWorksが良いとか 書いてましたが一番いいのはそれなのでしょうか?? 自分的にはCSS SPRITE用の画像や、ロールオーバー用の画像を 作りたいのですが。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • dreamweaver8での画像リンクの不都合

    dreamweaver8なのですが、CSSでマージンや配置を使って置きたい場所に画像を配置させ、 その画像にリンクを張っています。 IE6や、safariでは、大丈夫なのですが、 firefoxで、その画像をクリックすると、マージンや元の配置を含んだ点線が出てしまいます。 他のブラウザーのように、クリックしたとき、画像の周りのみの点線には出来ませんか? 本やネットで調べてみましたが、解決しませんでしたので、 どうかよろしくお願いします。

  • CSSで画像を上下中央に配置する方法を教えてください。

    はじめまして。 現在、CSSを使ってホームページを作っているんですが、CSSの枠内に画像とテキストを一列に連続して挿入する場合、テキスト部分がどうしても画像の下の部分合わせて配置されます。 これをなんとかして画像の真ん中にテキストを配置させたいのですが、可能でしょうか? また、まだまだ初心者でCSSの仕組みをよく理解していないのですが、基本的にはCSSというのはdivでboxを作ってそれを配置していくもの理解しています。 ただ、今の私の知識ではdivの中にかなり多い数のdivが挿入されていて、あまりきれいな状態とは言えないような感じなのですが・・・ なにか勘違いしているんでしょうか?

  • Illustrator保存時に画像を埋め込む方法

    Illustrator ai形式保存時にEPS画像を埋め込むには どうすれば良いでしょうか? Illustratorはver8.0を使用し、 埋め込む画像はPhotoshopEPS (エンコーディング「JPEG-最高画質(低圧縮率)」)です。 PhotoshopEPSではIllustrator作業時に画像の配置(リンク)はできても、埋め込みはできません。 そこで、作業時にはphotoshop形式の画像を配置し、 Illustrator保存時にEPSの画像に差し替えて埋め込みを行いたいのですが、その方法が分かりません(T_T)。 photoshopEPSをとりあえずリンクで配置し、保存時に 「配置した画像を含む」オプションにチェックを入れたり、はずしたり、してみましたが、ダメでした…。 Illustratorの保存形式はaiと決められています。 どうすればよいでしょうか?

  • 2つの画像をぴったり重なるように貼り付けて保存

    2つの画像をぴったり重なるように貼り付けて保存するソフトを探しています。 現在はwindowsの標準のソフトで貼り付けられる画像をまず挿入して、 上に重なるある部分が一致する画像を輪郭があうように慎重に貼り付けています。 これをなんとか、自動で貼り付けてくれないものかと思い質問しました。 欲しい機能 ・2つの画像(一致する部分のある画像)を重ねて保存(自動) ・連続してその操作を複数のファイルに対して処理できたら尚可。 以上ですが、画像処理関係のソフトに強い方がいましたらご助言お願いします。フリーを希望します。

専門家に質問してみよう