• 締切済み

webにアップする画像の文字が粗くて困ってます

ホームページにアップする画像があります。その写真にフォトショップでぼかしや文字を載せました。この時点で重さは2.6MBで、横幅は980PXです。200KB以内が望ましいという事なので、jpegに変換しましたが文字が粗くなりました。PNGに変換しても600KBくらいです。文字が粗くなく200KB以内の画像ファイルを作るにはどのように考えていけばよいでしょうか?パソコンはMacOS10.4.11です

  • Mac
  • 回答数3
  • ありがとう数0

みんなの回答

noname#242220
noname#242220
回答No.3

表示するサイズの2倍で作成します。 それを縮小すれば画面上では『144dpi』と成り多少は違うと思います。 尚 シャドウに関しては『text-shadow:8px 4px 2px #888;』 と言うスクリプトで反映可能です。 スタイルシート リファレンス http://www.openspc2.org/CSS/index.html

回答No.2

 Photoshopもってんなら、メニューに「web用に保存>ファイル」ってところないかね。これで落とせるはず。  それとホームページ作っているなら、画像を下(レイヤー)にして、上に文字を載せるのが合理的。

回答No.1

画像に文字を入れてからJPEGに変換するのではなくて、JPEGに変換したあとの画像に文字を入れてみたらどうでしょう? 少しはマシかも。

関連するQ&A

  • JPEG画像のバイト数を減らすにはどうすればいいか

    SNSへの投稿に写真を添付しようと思い、1.41MBの画像を貼り付けようとしたら、 「画像は500kB以内のGIF、JPEG、PNGにしてください」というメッセージが出て、 画像を添付出来なかったです。 1.41MBの画像を、500kB以内にバイト数を減らす方法を教えて下さい。 初心者なので、やり方を出来るだけ詳しく説明していただけると幸いです。

  • 画像をフォトショップで指定サイズJPEGにする方法

    画像リサイズについて教えてください。(期日があり、少々急いでおります) 商品情報を会員ログインWEBより登録するよう依頼されているのですが、 以下のような指定があり、条件通りにリサイズできなくて困っています。 1.容量:500KB以上1.5MB以内 2.解像度:原寸で350dpi 3.ファイル形式:JPEG 4.ファイルサイズ:横600px×縦400px 5.保存形式:CMYK 当方の現在の状態 1.元の画像はデジカメで撮影したもので4000px×3000px 2.使用できる画像編集ソフトはフォトショップエレメンツ7.0またはフォトショップ5.5です。 3.サイズ通り(または等倍)のトリミングはフォトショップで自身で加工できます。 ↓ フォトショップで 画像解像度を350dpi サイズ600px×400pxに置き換えると950KBくらいになります。 その後、 JPEGで保存すると180KBくらいまで落ちてしまい、それをアップロードしようとすると「サイズが小さすぎるので画像のリサイズを見直してください」とエラーで弾かれてしまいます。 (指定サイズが500KB以上のためです) サイズや解像度が指定されている状態ですので、その通りにするのですが、 JPEG保存すると容量が低下します。(圧縮されるので当然だと思いますが) フォトショップ不得手なのでこのやり方しか思いつきませんでした。 それでできないのだからやり方が間違っているんでしょうね。。。 何か良い方法、ズバリやり方 お待ちしております! よろしくお願いします。

  • web制作 画像がぼやける

    初めてHPの制作をしています。 今まで画像はフォトショップやイラストレーターで.jpeg保存していたのですが、単色のロゴや文字、地図などは.png形式の方がきれいに表示されることに気付き変更しました。 ですが、イラストレーターで作った地図(主に線と文字、モノクロ)はイラレ→web用に保存→.pngで保存しても一部ぼやけてしまったり、保存する度にぼやける箇所が変わり、混乱しています。サイズも掲載するサイズで作ってwidthとheightを指定し100%で使っています。 .jpegで保存すると全体にぼんやりしてしまうので.pngの方がいいと思ったのですが… さらに、それをプリントアウトしてみると結局は全体にぼやけてしまっている事が判明しました。 web上でもきれいに見えて、プリントアウトなどをした時にも画面に見えているクオリティーを保つには、どんな処理をすればいいんでしょうか…? ちなみに、.jpegで保存した写真画像はweb上ではきれいに見えていますが、プリントアウトするとやっぱり少しぼけて見えます。 HP制作初心者で初歩的な質問ですが、どうぞよろしくお願いします!

    • ベストアンサー
    • CSS
  • PNG画像のリサイズ

    800×600 px 程度の png 画像を 600×450 px にリサイズしたところ、 ファイルサイズが 25 KB から 100 KB にふえてしまいました。 png画像を上手に小さくする方法をおしえてください。

  • Fireworksで文字を画像にできない

    FirewordsCS5を使っているのですが、 文字の背景を透明にしてjpeg画像で保存すると文字の部分が黒くなり保存できません。 pngでは保存できるのですが、わけあってjpegでなんとか保存したいのですが、 できるのでしょうか? よろしくお願いします。

  • 画像に矢印と文字など書き込みたいのですが。

    いつもお世話になります。 WEB上の画像をキャプチャして、 キャプチャした画像から切り取った画像を、 コピー&ペーストでOpenOfficeの図形ソフトに貼り付け、 矢印や文字を書き込んで、 それをまたキャプチャして、PNGファイルで保存して、 メールに添付して送ろうとしています。めんどくさいです。 OpenOfficeからPNGかJPEGファイルで保存できるならいいのですが。 矢印や文字が描き込めて、JPEGかPNGで保存できるソフトをご紹介ください。 単機能で使い方が簡単なものがよいのですが。

  • ホームページに写真画像(編集画像含む)をアップするとき、文字入り画像は

    ホームページに写真画像(編集画像含む)をアップするとき、文字入り画像は「GIF」や「PNG」が良いとか聞いたことがありますが、私には違いが分かりません?教えてください!

  • 携帯用サイトの画像の大きさについて

    携帯用サイトを運営しております。 一応、3キャリア対応ですがiモードに合わせています。 しかし、サイトを作った時がかなり前なので、画像はgifとjpeg(他キャリア用にpngも有)で横幅120px、5キロbyte以内、サイトに貼り込まず画像は全てリンクさせています。 最近の端末(FOMA)で画像を見ると悲しい程小さいので、画像の大きさを変えたいと思っています。 しかし、端末によって内臓ブラウザの液晶画面領域、特に横幅が違うのでどのあたりに合わせればいいか迷っています。 どれ位を指標とすれば良いかご存知の方 または、このような内容について詳しく書かれているサイトをご存知でしたら是非教えて下さい。 よろしくお願いします。

  • 画像変換

    自分で作成した画像を gif、jpg、pngのみ、2MB以内に変換するのに 簡単な方法はありませんか? とりあえず、 gif、jpg、pngにはしたいです(。-人-。)

  • PNGのサイズ変換で困っています。

    PNGのサイズ変換で困っています。 サイズ変換といっても容量ではなく、PNG画像をtwitterの画像にUPしたいのですが横幅がどうしても切れてしまいます。そこで縦横の幅を増やすにはどうすればいいかお教え頂きたく思います。jpegであればペイントで縦横の幅を増やせるのですが、PNGだとうまく表示されません。よろしくお願い致します。