photoshopのバナーのピクセル数について

クラウドソーシングのバナーコンペの仕事に今応募しようとしてるのですが、今応募しようと思っているところが

400px × 400px以下のバナーサイズ指定で、この写真出来たら使ってくださいねと依頼主さんが用意した写真が2400px × 2400pxくらいで、6倍の大きさで

それをバナーサイズの中に縮小して入れ込もうとすると、ピクセル数が1/6くらいになってしまい、画像が荒くなってしまいます。

こういう場合はどうしたらよいのでしょうか？

No.5 ベストアンサー 回答者： wanderer1 回答日時： 2020/08/18 14:42

＞パソコンの画面の大きさによっても変わるような気が

そのとおりです。


＞スマホなら確実にもっと小さくなる

スマホにはスマホの画像を用意したり、バナーを用意したりしてウェブサイト側で対応します。
見かけ上のピクセル数は同じように扱いますが、実は解像度が2倍とか3倍のものもあります。

ですから、依頼されたバナーがPCのみで使うのか、スマートフォンはどうするのか、といった確認をするのが一般的なお仕事の流れになります。
クラウドソーシングなどのコンペではそこまで理解して発注している方は少ないかもしれませんが、プロはそのあたりを把握してお仕事していると思ってください。


＞ウェブサイトというのは何基準なのでしょうか？

基本的に「基準」とか「業界の標準」というものがあるんですが、説明を始めるとキリがありません。
バナー関係のお仕事をするのであれば、ウェブ制作の基本についておさえておく、というのも大切なことですね。

各ブラウザによって基準が違っていたりします。

ただ、共通化されていたり、世間の流れに合わせてなんとなく揃ってきた、ということもあったり。

また、ウェブデザインの流れ（こっちは制作側の流行とか、PCのウインドウサイズとかに関わってくる）による「業界の標準」というものがあったりします。

数年前までPC用ウェブサイト表示は960px幅を基準にする、みたいなことがあったり、とか。

でもこれは時代によってどんどん変わることですので、毎年必ず情報をアップデートしながらお仕事をするのが普通であるということです。

No.4 回答者： wanderer1 回答日時： 2020/08/18 12:16

＞400px × 400px以下のバナーサイズ指定

＞ピクセル数が1/6くらいになってしまい
＞画像が荒くなって

400 x 400pxの画像を「画面いっぱいに表示して編集」していませんか？

そりゃあ荒くなると思って当然といいますか。

Ctrl + 1 (Macの場合は Command + 1)で100%表示になります。
これがウェブサイトで表示される画像サイズです。

心配なら、一度jpegで複製保存したバナー画像をEdgeとかGoogle Chromeで開いてプレビューしましょう。
バナー制作の感覚をつかんでください。

この回答へのお礼

画面いっぱいに広げてました笑

ウェブサイトで表示される見た目を作業しながら確認できるんですね
ウェブサイトというのは、パソコンの画面の大きさによっても変わるような気がしますし、スマホなら確実にもっと小さくなると思うのですが、ウェブサイトというのは何基準なのでしょうか？

一般的なウェブ画面の大きさが100％表示で確認できるから、それ以上小さく表示されるスマホとかは、基本的に荒さがより目立たなくなるから、ウェブサイト表示で問題なければ大丈夫ということでしょうか？

とてもタメになる回答ありがとうございます。

お礼日時：2020/08/18 14:17

No.3 回答者： スリープ 回答日時： 2020/08/18 10:32

元が2400もあるんだったら縮小しても荒くなりませんよ

No.2 回答者： chu-favo 回答日時： 2020/08/18 10:01

追記失礼します。

申し訳ないのですが、仰ってる意味がよく理解できなかったですが…

原寸サイズというのはパソコンかスマホかによって…
原寸サイズとは、webの場合、mmなどの長さの概念ではなく、ppiと縦横のpixel数で指定画像の適切なサイズが決まります。モニターの解像度によっては、mmが違うのは当然ですが、いわゆる画質は変わりありません。あとは、css内でpx指定なのかemや%指定なのかで、実際の見た目のサイズが違うというのはありますが。
ともかく、
400pxで指定されていますので、400pxが荒いというのは、おかしな話で、それが400pxの世界というだけです。
あとは、その世界の中に2400pxにいた世界をはめ込む際に出来る限り綺麗に収める必要があるというだけで、例えば2400の世界では人物やテキストなどの見た目のサイズが小さくても表示されるので良かったのが400の世界に行った時に潰れたり荒くなるのであれば、リサイズの際にトリミングを考えたり入力し直したり露出等色補正を考える必要は出てくるかとは思います。
どんな元画像か分かりませんが、400の世界に入れる元画像自体がそもそも問題があるかもしれませんね。
そこは、単純にリサイズするのではなく、仕事で依頼されるのであれば工夫が必要ですね。

この回答へのお礼

丁寧に回答いただきありがとうございます。
読ませていただきましたが、知識不足でして、正直おっしゃってる意味がよくわかりませんでした。

photoshopのトリミングについてとりあえず調べてみたいと思います。
もっと知識つけるために勉強励みます！

お礼日時：2020/08/18 19:26

No.1 回答者： chu-favo 回答日時： 2020/08/18 09:23

解像度が72ppiである前提で、

一辺が2400個（pixel）の四角で出来た画像を無理やり一辺400個に自動処理して使う訳ですので、どんな画像でも荒くなるのは当然で、荒いと感じるのは、パソコンで大きく見ているからではないでしょうか？
400pxを原寸サイズで見てみてください。それでも気になりますか？

この回答へのお礼

まさにおっしゃる通りです。パソコンで見ているから荒く見えます。
でも原寸サイズというのはパソコンかスマホかによって違うのではないですか？

ネットに掲載する広告バナーなので、画像編集時ではなくパソコンで見たらやはり荒く見えるのではないでしょうか？

お礼日時：2020/08/18 09:31