• ベストアンサー

画像をバナーサイズに縮小する際に・・・

こんにちは。質問させて頂きます。 よく、サイト内のイラストをそのままバナーにして使っている人がいらっしゃいますが、あれはただ単に元画像(200×200ピクセルくらい)の解像度を下げて使っているだけなんでしょうか? やってみましたが、画像がボヤけたりしてそのままの感じになりません。 小さい絵を描くのは一苦労ですし・・・。 それにサイトの絵をバナー加工してらっしゃる人の元絵を見ても、それ程小さくはないんですよね・・。 どうやれば上手くいくのでしょうか? 実際にやっておられる方など、おられましたらアドバイスを宜しくお願い致します。 ちなみに使用ソフトはPhotoshop5.5です。

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

  • ベストアンサー
noname#3361
noname#3361
回答No.3

#1です。 「解像度を下げる」について再確認です。 元画像(200*200)を例えば100*100に変更するということですよね。 これだと「ボケる」というより「締まる」はずですが。 私が言ってるのはこちらです。ただ小さくしすぎて細かい所がボケるということは有ります。(このことでしょうか。) それだと「シャープ」を掛けるか手で修正しないとダメです。 次に200*200を400*400にするとボケます。これは防ぎようが有りません。

taroyan
質問者

お礼

度々の御返答、有難うございます。 yuseiさんの仰る意味と同じで、間違いありません。 アンシャープマスクを掛けたら、どうにか見れる感じにはなりました。 色々とどうも有難うございました。 また何かありましたら宜しくお願い致します。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

noname#19726
noname#19726
回答No.2

イラストなら、間違いなくインデックスカラーのGIFフォーマットに間違いありませんね。 yuseiさんのおっしゃられるとおり、Photoshopにて一度インデックスカラー→RGBフルカラー化してから、 画像を縮小されると綺麗になりますよ。 >GIFではなく、RBGで下げているのですが、やはりボケてしまいます。 どの程度縮小されているのかわかりませんが、 たとえばイラスト上に1pixel幅の線があるとします。 それを50%に縮小しようとすると、計算上0.5pixelになりますよね。 でも、1pixelが最小単位なので、それ以下にするには(それより細く見せるには)、 その色を薄くして表現せざるを得ないわけです。 となると、ぼやけてしまった状態になるのはお分かりですよね。 ですから、極端に小さくするのには限界があるということになります。

taroyan
質問者

お礼

ありがとうございます。 皆さんの仰る通りにやっているのですが。。。 そうも元絵が大きすぎるみたいです。 小さく描いて、アンシャープマスクをかけたらまずまず上手くいきました。 御丁寧にどうも有難うございました!

全文を見る
すると、全ての回答が全文表示されます。
noname#3361
noname#3361
回答No.1

Photoshopで解像度を下げてボヤけることはあまりないと思いますが,ひょっとしてgifファイルをそのまま下げていませんか? gifファイルはインデックスカラー(256色)なのでそのまま下げると確かに画像は悪くなります。フルカラーで解像度を下げてからインデックスカラーにしてみてください。

taroyan
質問者

補足

御返答、ありがとうございます。 GIFではなく、RBGで下げているのですが、やはりボケてしまいます。 yuseiさんはどの様な手順でやってらっしゃるのですか? もし宜しければ、詳しく教えて頂きたいのですが・・・。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • バナーの画像がぼやけてしまいます その2

    http://okweb.jp/kotaeru.php3?q=751420 にて以前質問しました。 No.2の方のやり方で、以前よりはぼやけなくなりました。 しかし、やはりさっぱりしないのです。 一緒に写真を撮り、バナーにした知り合いのバナーより、 私が制作したバナーははっきりしません。 もとの画像は、自然光で1280×960ピクセルで撮影したもので、 もとの画像そのものはかなり綺麗に撮れています。 加工はPhotoShop5.5+Winで行っております。 解かりづらい状況かと思いますが、 何かアドバイス等ございましたらお答えくださると嬉しいです。

  • 画質を落とさないバナーの作り方!

    イラストサイト用の200×40のバナーを作りたいと思っています。 バナー用の元の画像をキレイに縮小するにはどうしたらいいのでしょうか? 他のイラストサイトのバナーを見ると、小さな画像なのにとても鮮明でキレイです。それに比べて自分が作ったのは、画質が悪く見劣りする気がします。 元の画像自体がダメなのか、縮小の仕方やバナー作成の手順が悪いのか・・・自己判断では元のイラストの画質は悪くないと思います。 なので、縮小の仕方に問題があるにではないかと思っています。 元のイラストはペインターで作成し、HPに掲載できる程度の大きさにしています。(400×700ピクセル位です。) 元画像縮小にはJTrimを使用し、バナー作成にはTitle Tinkerを使いました。 アドバイス頂ければ幸いです。

  • LINEのスタンプ作成時、元絵のサイズと解像度?

    LINEのスタンプを販売できるとのことで、面白そうなのでチャレンジしてみようと思っています。 手描きのイラストを使おうと思っているのですが、元絵はどのくらいの大きさで描くのが良いのか分からず困っています。 LINEのガイドラインには下記のようにあるのですが、ピクセルをcmに変換してその2倍位で描けば荒い感じには見えないでしょうか? たま~に荒い画像のスタンプを見かけるので心配しています。 フォーマット:PNG サイズ (最大):W 370×H 320 pixel ※スタンプ画像のサイズは、自動で縮小するために偶数のサイズにしてください。 ※解像度は72dpi以上、カラーモードはRGBを推奨します。 ※画像は1個 1MB以下で作成してください。 https://creator.line.me/ja/ スマホで使う人が多いと思いますが、解像度もどうするべきか恥ずかしながら調べても解決出来ませんでした。 何でもweb上の画像の解像度は72dpiかと勝手に思っていたのですが、それ以上と表記してあったのでもっと適した数値があるのか知りたいです。 読み込みや加工はPhotoshopで行います。 初歩的な質問と思いますが教えて頂けると嬉しいです。 よろしくお願いします。

  • Lancers  バナーのサイズ (初心者の質問)

    Photoshop初心者です。 Lancersのバナーのサイズで、 依頼のサイズが、 260.7 × 62.44 と記載してあるのは、もちろんピクセルですよね? Photoshopに打ち込んでも、 小数点を受け付けないようなのですが、 (そもそも、ピクセルは1以上に細かくなりようがない気もします) Webサイトのバナーなのに、mmとかcmなんでしょうか?? http://www.lancers.jp/work/detail/488973

  • 画像サイズを小さくする方法

    携帯の待ち受け画面ダウンロードサイト用の イラストを描いています。 サイズは240pixel × 340pixel です。 そしてサイズが70KB 以内と指定されています。 形式はjpg 又は pngです。 上記のピクセル数にすると、どうしても画像が100KBを越えてしまいます。 解像度を落すように言われたのですが、解像度を落とすと言うことは ピクセル数を減らすということですよね。 方法があるのでしょうか。 詳しい方、ご指導お願いします。

  • 画像解像度とサイズと配置

    Painter Essentials4とPhotoshopCS4とillustratorCS4を使用しています。 Painter Essentials4で、キャンバスサイズ横1600ピクセル×縦1200ピクセル、 解像度350で、画像を作成しました。 その画像を同じキャンパスサイズのillustratorCS4に配置したら、 とても小さな画像になってしまいました。 同じサイズにするにはどうしたら良いでしょうか? また、キャンバスサイズ横1600ピクセル×縦1200ピクセル解像度350で、 Painter Essentials4やillustratorCS4で背景画像を作ったとします。 それを、PhotoshopCS4のキャンパスサイズ横600ピクセル×縦600ピクセル、 解像度350の所に配置すると、Photoshopで設定したキャンパスサイズに 合うように縮小されてしまいます。 これを、元のサイズで配置するにはどうしたら良いのでしょうか? 画像解像度の違いでサイズが変化するのは解ったのですが、 どうしたら元のサイズで配置出来るのでしょうか? Photoshopとillustratorのバージョン9を使用していた頃は こんなことはなかったのですが…。 よろしくお願いします。

  • SAIで描いた絵のサイズを綺麗に縮小したいのですが

    閲覧ありがとうございます。 SAIで描いた絵を綺麗に縮小したいのですが、出来ません。 どなたか教えて頂けないでしょうか? 現在のキャンバスサイズは、 横3000ピクセル×縦2600ピクセル です。 これを、横1920ピクセル×縦1080ピクセルにしたいのです。 SAIの解像度変更から上記のサイズに変更出来たものの、元の絵よりぎゅっと潰れた絵になってしまいました。 また、画像縮小のフリーソフトも使ってみましたが、したいサイズを打ち込んでも希望サイズになってくれません。 縦は希望のサイズなのですが横が希望のサイズになっていませんでした。 どなたか解決方法を教えて頂けないでしょうか? よろしくお願い致します。

  • バナーの作り方を教えて下さい。

    イラストサイト用の200x40サイズのバナーを作りたいと思っています。 過去に何度か自作しましたがあまりキレイにできませんでした…。 縮小の仕方が悪いのか(他のイラストサイトのバナーと見比べて)画像が粗く見えるような感じです。 元のイラストはペインターとフォトショップを併用して作成しています。 お勧めのフリーソフト、きれいに作るコツ、手順などがありましたら詳しく教えて頂ければうれしいです。

  • 携帯の解像度と画像の表示の問題について

    ピクセルとセンチについて質問です。 現在携帯のバナーを作成しています。 しかし携帯の解像度が上がってくるにしたがってピクセルで描いていると 解像度が高い携帯で見ると小さくなってしまいます。 それを回避するにはフォトショップでピクセルで作成しているところを 新規作成→センチにすればいいんでしょうか? そうすれば縮小されないんでしょうか? 解像度が高い携帯でも、低い携帯でも一つの画像を同じ大きさで表示させるには 画像作成部分をhtml部分を工夫したら良いのか、悩んでいます。 そのサイトの中にはイラストも表示させるので同じように どうすれば良いでしょうか。

  • イラレとフォトショップでバナー用の画像を作ってるのですが。

    こんばんわ。初心者で独学なのですが、600*200サイズのバナーをイラレとフォトショップで作ろうと思って作業しています。その際、分からない事が出てきたので質問させていただきました。以下です。 1:photoshopで600*200ピクセルで画像を切り抜いて、それをイラレに配置するとピクセル数がぜんぜん大きくなっている。(600のはずが1300くらいになってました。) 2:イラレの四角ツールで600*200の四角形をつくり、それを台紙として画像を作成したところ、gifで完成品を保存してサイズを確認してみると、600*200ぴったりでなく、微妙に数値が614とかになっている。(画像によって大きさがまちまち)。 画像は、サイトから引っ張ってデスクトップに保存したjpegを、イラレに配置して使いました。 モノによってだいぶ画像の仕上がりサイズにばらつきがあるのはなぜなのでしょう?? 要するに、600*200のバナー用のgif画像を作成したいという事なのですが。photoshopとイラレとjpegの互換性とかが関係あるんでしょうか。正しいピクセル数値で作成するにはどうしたら良いですか? また、photoshopやjpegファイルをイラレに配置する際、サイズの食い違いを避ける為に注意する事はありますでしょうか? すみません。なんだかえらい長々と書いちゃいました。わかりづらい文章で申し訳ないです。お願いします。どなたかぜひご指南ください。お返事お待ちしてます。